页面布局：

 

　　标题：前端的一部分，用于页面顶部。<header>标签用于在网页中添加标题部分。

 

　　导航栏：导航栏与菜单列表相同。它用于使用超链接显示内容信息。

 

　　索引/侧边栏：它包含其他信息或广告，并不总是需要添加到页面中。

 

　　内容部分：内容部分是显示内容的主要部分。

 

　　页脚：页脚部分包含联系信息和与网页相关的其他查询。页脚部分始终放在网页的底部。<footer>标签用于设置网页中的页脚。

 

　　使用表格布局

 

　　最简单和最流行的创建布局的方法是使用HTML<table>标签。可以按照自己喜欢的方式来对表格中的列和行进行排列

 

　　例

 

　　例如，使用包含3行和2列的表来实现以下HTML布局示例，但页眉和页脚列使用colspan属性跨越两列

 

　　

 

　　<tablewidth="100%"border="0">

 

　　<tr>

 

　　<tdcolspan="2"bgcolor="#b5dcb3">

 

　　<h1>标题</h1>

 

　　</td>

 

　　</tr>

 

　　<trvalign="top">

 

　　<tdbgcolor="#aaa"width="20">

 

　　<b>侧边栏</b>

 

　　</td>

 

　　<tdbgcolor="#eee"width="100"height="200">

 

　　内容

 

　　</td>

 

　　</tr>

 

　　<tr>

 

　　<tdcolspan="2"bgcolor="#b5dcb3">

 

　　<center>

 

　　页脚

 

　　</center>

 

　　</td>

 

　　</tr>

 

　　</table>






本文转载自中文网