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)