HTML中table标签的使用

table标签不仅可以用来输出内容，在网页设计中还可以进行网页布局

发布者：IT人在线 ｜ 发表时间：2018/9/10 21:12:46

 HTML中table标签的使用

简单的table标签输出表格

 

<!doctype html>

<html>

<head>

<title>HTML中table标签的使用</title>

</head>

<body>

<table border="1" style="text-align:center;width:800px;margin:0 auto;">

<tr><th>姓 名</th><th>年 龄</th><th>性 别</th></tr>

<tr><td>张 三</td><td>20</td><td>男</td></tr>

<tr><td>李 四</td><td>19</td><td>女</td></tr>

<tr><td>王 五</td><td>26</td><td>男</td></tr>

<tr><td>赵 六</td><td>17</td><td>男</td></tr>

</table>

 

 

</body>

</html>

一个网页页面布局

 

 

<!doctype html>

<html>

<head>

<title>HTML中table标签的使用</title>

</head>

<body>

<table border="1" style="width:900px;height:100px;margin:0 auto;">

<tr height="100px"><td colspan="2">这是logo部分</td></tr>

<tr style="background:red;width:440px;height:300px;"><td>这是左部分</td><td>这是右半部分</td></tr>

</table>

 

 

 

</body>

</html>