Forum Guru
11-26-2014, 05:01 PM
his tutorial is about that how you can design layout through HTML. Because we use HTML for layout of a website. And its the basic of all other languages. You can do anything without HTML. You should know all about the tags of HTML. You can simply design layout of a website. In this tutorial I will design layout of website through tables. But when we will done CSS then we will make layout & design of website using div tags.
For menu we will use list item. Everyone have there own ideas. If you want to make website layout then you can do this without table. I will use table. Because I want to show that how we will divide in portion to a website. There are many other tags. I will teach you in next and last tutorial. I will not explain them. I will give brief introduction of those tags. Now I want to come towards my topic.
Design Layout Through HTML (2)
Code : Design Layout Through HTML
<html> <head>
<title>Learn HTML Basics</title>
</head> <body>
<table width=100% height=100% border=3″>
<tr height=10%> <! Header Coding >
<th colspan=2″>Header OF Website Will Come Here</th>
</tr>
<tr height=5%> <! Menu Bar Coding >
<td colspan=2″>Menu Bar Will Come At This Place</td>
</tr>
<tr>
<td>Content OF Website Will Come Here</td>
<td width=20%> <! Right Bar Coding >
<p>Widget 1</p>
<p>Widget 2</p>
<p>Widget 3</p>
</td>
</tr>
<tr height=5%> <! Footer Coding >
<td>Footer Will Come Here</td>
</tr>
</table>
</body> </html>
That was the code to Design Layout Through HTML. Its simple to design layout. Hope you will understand. If you have any problem in Design Layout Through HTML, then you can ask. We are here to provide you help. That was the end of Basic HTML Tutorial. Now there is a lot of tags. But they are not too much important. If I will understand that I have missed any important tag. Then I will teach you that tag. Hope you will not mind. We mostly used these tag that I have teach you. In my next tutorial I will teach you other tags. It might be possible that you want to use those tags. And you think that they can help better to create a professional website.
For menu we will use list item. Everyone have there own ideas. If you want to make website layout then you can do this without table. I will use table. Because I want to show that how we will divide in portion to a website. There are many other tags. I will teach you in next and last tutorial. I will not explain them. I will give brief introduction of those tags. Now I want to come towards my topic.
Design Layout Through HTML (2)
Code : Design Layout Through HTML
<html> <head>
<title>Learn HTML Basics</title>
</head> <body>
<table width=100% height=100% border=3″>
<tr height=10%> <! Header Coding >
<th colspan=2″>Header OF Website Will Come Here</th>
</tr>
<tr height=5%> <! Menu Bar Coding >
<td colspan=2″>Menu Bar Will Come At This Place</td>
</tr>
<tr>
<td>Content OF Website Will Come Here</td>
<td width=20%> <! Right Bar Coding >
<p>Widget 1</p>
<p>Widget 2</p>
<p>Widget 3</p>
</td>
</tr>
<tr height=5%> <! Footer Coding >
<td>Footer Will Come Here</td>
</tr>
</table>
</body> </html>
That was the code to Design Layout Through HTML. Its simple to design layout. Hope you will understand. If you have any problem in Design Layout Through HTML, then you can ask. We are here to provide you help. That was the end of Basic HTML Tutorial. Now there is a lot of tags. But they are not too much important. If I will understand that I have missed any important tag. Then I will teach you that tag. Hope you will not mind. We mostly used these tag that I have teach you. In my next tutorial I will teach you other tags. It might be possible that you want to use those tags. And you think that they can help better to create a professional website.