More Related Content
Similar to Html Layout (7)
More from Biswadip Goswami (13)
Recently uploaded (14)
Html Layout
- 1. HTML Layouts
- 2. Tables have been a popular method for achieving advanced layouts in HTML. Generally, this involves putting the whole web page inside a big table. This table has a different column or row for each main section.
- 3. <table id="shell" bgcolor="black" border="1" heigh="200" width="300"> <tr><td> <table id="inner" bgcolor="white" heigh="100" width="100"> <tr><td>Tables inside tables!</td></tr> </table> </td></tr></table>
- 4. <table width="400px" border="0"> <tr> <td colspan="2" style="background-color:yellow;"> Header </td> </tr> <tr> <td style="background-color:orange;width:100px;text-align:top;"> Left menu<br /> Item 1<br /> Item 2<br /> Item 3... </td> <td style="background-color:#eeeeee;height:200px;width:300px;text-align:top;"> Main body </td> </tr> <tr> <td colspan="2" style="background-color:yellow;"> Footer </td> </tr> </table>
- 5. <table id="shell" title="Shell" height="250" width="400" border="0" bgcolor="black" cellspacing="1" cellpadding="0"> <tr height="50"><td bgcolor="white"> <table title="banner" id="banner"> <tr><td>Banner goes here</td></tr> </table> </td></tr> <tr height="25"><td bgcolor="white"> <table title="Navigation" id="navigation"> <tr><td>Links!</td> <td>Links!</td> <td>Links!</td></tr> </table> </td></tr> <tr><td bgcolor="white"> <table title="Content" id="content"> <tr><td>Content goes here</td></tr> </table> </td></tr></table>