Responsive in HTML

Responsive the website which are fit to screen at every device. Responsive web design is a techniques of making a the web pages suitable to work on different types of devices with different screen size, no matter how big or small, mobile or desktop. Responsive web design is necessary for the good reputation of a website. Desktop computer and cell phone users get more interest in responsive websites.

The viewport mata tag

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Examples of responsive page

Main title webtags

Main Menu
Home
About
Contact...
webdevelopment and technical shart courses.
Copyright © 2020 webtags.com
<!DOCTYPE html>
<html>
  <head>
    <title>HTML Layout</title>
  </head>
  <body>
    <table width = "100%" border = "0">
      <tr>
        <td colspan = "2" bgcolor = "#b5dcb3">
          <h1>Main title webtags</h1>
        </td>
      </tr>
      <tr valign = "top">
        <td bgcolor = "#aaa" width = "50">
          <b>Main Menu</b><br />
              Home<br />
              About<br />
              Contact...
        </td>
        <td bgcolor = "#eee" width = "100" height = "200">
              webdevelopment and technical shart courses.
        </td>
      </tr>
      <tr>
        <td colspan = "2" bgcolor = "#b5dcb3">
          <center>
              Copyright © 2020 webtags.com
          </center>
        </td>
      </tr>
    </table>
  </body>
</html>
    

Responsive images

background-image
background-image
background-image

Source code of above examples

<img src="img/blog-img/lb-1.jpg" alt"bg-img" style="width:100%;"/>

<img src="img/blog-img/lb-2.jpg" alt"bg-img" style="width:100%;"/>

<img src="img/blog-img/lb-3.jpg" alt"bg-img" style="width:100%;"/>


Mobile friendly pages

As you all know about the current days days it looks difficult to find any person without mobile device, or multiple, connected to the Internet. In the developed conteries there are more mobile phones than people, and should trends continue mobile Internet usage will surpass that of desktop Internet usage within the year. Now it's become very important for the web developers to make the webs responsive accourding to the growth in mobile Internet.. The industry response to this progress has become responsive web design.








The Best

Comment here

If you have any query, if you want to know something about any of technical course related to computer science field, if you have any suggestion about relevant to uploaded content or if you anything wrong here (any mistake in content) than please contact us. Keep in mind, comment should be according to community guidelines.


ads