html基础学习05—html中的表格的应用

在html 的网页布局中,用的很多就是table,也就是表格布局,在div+css布局流行之前,很多网页都是用表格来布局,表格内容可以是文字,可以是图像,可以是表单,超链接,甚至可以是表格。所以表格在html中是很重要的。

1.表格的形式

<table>

<tr>

<th></th>

</tr>

<tr>

<td></td>

</tr>

</table>

这是成对出现的标签 <table>….</table> 表示定义了一个表格

<tr>…</tr> 来表示定义了一行

<th>…</th> 来定义了标题栏

<td>…</td>来定义了数据栏

输入代码:

—————————————————————————–

<!DOCTYPE HTML>
<html>
<body>

<table>
<tr>
<th>学号</th>
<th>姓名</th>
</tr>
<tr>
<td>学号</td>
<td>姓名</td>
</tr>
</table>

</body>
</html>

————————————————————————————-

查看效果:http://gagahtml-wordpress.stor.sinaapp.com/uploads/2012/05/table.html

2.table的相关的属性的设置

代码如下:

——————————————————————–

<!DOCTYPE HTML>
<html>
<body>

<table border=”1″ width=”960px” height=”200px” align=”center”>
<tr>
<th bgcolor=”red” bordercolor=”green”>学号</th>
<th>姓名</th>
</tr>
<tr>
<td>学号</td>
<td>姓名</td>
</tr>
</table>

</body>
</html>

————————————————————————-

查看效果:http://gagahtml-wordpress.stor.sinaapp.com/uploads/2012/05/table2.html

共有 1 条评论

Top