demo48-表格标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
table{
width: 800px;
height: 50px;
border: 1px solid black;
}
tr,td,th{
width: 800px;
height: 50px;
border: 1px solid black;
text-align: center;
}
/*去掉a标签的下划线*/
a{
text-decoration: none;
}
.bg{
background: yellow;
}
</style>
</head>
<body>
<!--创建一个表格
在写表格标签的时候必须先有行
tr:行标签,t代表table,r表示row,所以tr就是表格行标签,简称行标签
table cellpadding="0px":设置表格和表格之间的间距
-->
<table cellpadding="0px">
<!--tr:创建一行-->
<tr>
<!--创建列
th:表头,t是table的意思,h是header的意思.所以th合起来就是表格头标签.简称表头标签
-->
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr class="bg">
<td><a href="#">柳言</a></td>
<td>女</td>
<td>28</td>
</tr>
<tr>
<td>柳瑞</td>
<td>男</td>
<td>25</td>
</tr>
<tr>
<td>柳瑞瑞</td>
<td>男</td>
<td>35</td>
</tr>
<tr>
<td>周忠杰</td>
<td>男</td>
<td>55</td>
</tr>
</table>
</body>
</html>演示效果:
相关推荐
行吟阁 2020-08-09
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
玫瑰小妖 2020-06-07
lyg0 2020-05-28
移动开发与培训 2020-08-16
ReunionIsland 2020-08-16
swiftwwj 2020-07-05
pythonclass 2020-06-25
nercon 2020-06-14
pythonclass 2020-06-03
huzijia 2020-05-08
行吟阁 2020-05-11
黎豆子 2020-05-11
玫瑰小妖 2020-05-11
HSdiana 2020-05-10
黎豆子 2020-05-08
haocxy 2020-03-28