HTML - 布局

HTML - 标准布局

一个标准布局是在页面的上方构成一个旗帜的,在左侧构成一个菜单以及在中心或右侧构成一个内容域的。这是对于一个网站来讲,这是最经典的布局,并在我看来,一个有代表性的模型。

布局并没有有很多选项。在另一方面,一个表格是非常有用的。 在表中可以添加几乎每一个单元,甚至另一个表格。

html<table cellspacing="1" cellpadding="0" border="0" bgcolor="black" id="shell" height="250" width="400">
	<tr height="50">
		<td colspan="2" bgcolor="white"> 
		
			<table title="Banner" id="banner" border="0"> 
				<tr>
					<td>在这里你可以放旗帜,商标等。</td>
				</tr> 
			</table>
		
		</td>
	</tr>
	<tr height="200">
		<td bgcolor="white"> 
		
			<table id="导航" 标题="导航" border="0">
				<tr>
					<td>Link-uri!</td>
				</tr>
				<tr>
					<td>Link-uri!</td>
				</tr>
				<tr>
					<td>Link-uri!</td>
				</tr>
			</table> 
			
		</td>
		<td bgcolor="white">
			
			<table title="Content" id="content" border="0">
				<tr>
					<td>网站内容将放在这里</td>
				</tr> 
			</table> 
			
		</td>
	</tr>
</table>

这是一个基本的方法。正如你可以看到,如果你在你的网页中使用这些布局,当你添加更多的内容会变得非常复杂。 然而,指定高度和宽度是非常重要的。你将越来越更具体地建立这些属性,并且不尽是这些,你将会有少的错误,

研究这些代码一点点而组织它们你就能够理解它。将其复制在新文档里便于看到它。


版权及转载说明

本站原创、转载文章欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区

本站转载文章版权归原作者所有,如发现本站文章涉嫌侵权请点击「联系我们」反馈,本站将给予删除

本教程数据来源「 http://tutorialehtml.com/zh/html-tutorial-complete-html-guide/ 」