Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • HTML LAYOUTS

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 297
    Comment on it

    A layout of a webpage plays an important role in providing a good look to our webpage. A good,attractive and beautiful design can be provided only by a person having good creativity skills that's why designing part of a website is not a easy task. A designer need to use their imagination and creativity skills which takes some amount of time to design a website's layout with great look.

    Webpages design should be done in such a way that it will be responsive and dynamic on all the screen resolution like all desktop's resolutions,tablet,mobile view which you can create using simple HTML tables or division tags in combination with other formatting tags.

    HTML layouts is done using table tag,div tag,span tag and many more tags are there.These tags along with CSS styling can help you to create a beautiful website.

    Here's an example of html layout with table tag.

    Example:-

    <body>
    <table width="100%">
      <tr>
        <td colspan="2" style="background-color:#FFFBCC;">
          <h1>HTML LAYOUT</h1>
        </td>
      </tr>
      <tr valign="top">
        <td style="background-color:#FDE31C;width:50%;">
        <ul>
                <h4>HTML/CSS</h4>
                <li>
                    Learn HTML
                </li>
                <li>
                    Learn CSS
                </li>
                <li>
                    Learn Bootstrap
                </li>
                <li>
                    Learn W3.CSS
                </li>
                <li>
                    Learn Foundation
                </li>
    
            </ul>
        </td>
        <td style="background-color:#98CE40;width:50%;">
                   <ul>
                <h4>HTML GRAPHICS</h4>
                </li>
                <li>
                    Learn GOOGLE MAPS
                </li>
                <li>
                    Learn ANGULAR JS
                </li>
    
            </ul>
     </td>
      </tr>
    </table>
    </body>
    

    Output:-

    HTML LAYOUT

      HTML/CSS

    • Learn HTML
    • Learn CSS
    • Learn Bootstrap
    • Learn W3.CSS
    • Learn Foundation

      HTML GRAPHICS

    • Learn GOOGLE MAPS
    • Learn ANGULAR JS

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: