HTML-表格标签

表格标签

    可以对数据进行格式化,使数据显示更加清晰

    <table></table>:表格的范围

    在table里面 <tr></tr>表示一行

        设置显示方法 align letf center right(设置居左,居中,居右)

    在tr里面 <td></td>表示一个单元格

    使用<th></th>表示单元格 数据直接居中和加粗

    属性:

        border:表格线

        bordercolor:表格线的颜色

        cellspacing:单元格之间的距离

        width:表格的宽度

        height:表格的高度

    表格的标题

        <caption></caption> 放在table里面

<!doctype html>
<html lang="en">
 <head>
  <title>Document</title>
 </head>
 <body>
  <!-- 表格标签 -->
  <table border = "1" bordercolor = "blue" cellspacing = "0" width = "400" height = "150">
  	<caption>人员信息</caption>
	<tr align = "center">
		<td>姓名</td>
		<td>性别</td>
		<td>年龄</td>
	</tr>
	<tr align = "center">
		<td>张三</td>
		<td>男</td>
		<td>20</td>
	</tr>
	<tr align = "center">
		<td>李四</td>
		<td>男</td>
		<td>21</td>
	</tr>
	<tr align = "center">
		<th>王五</th>
		<th>男</th>
		<th>22</th>
	</tr>
  </table>
 </body>
</html>

    合并单元格 

        rowspan:跨行

        colspan:跨列

        都是操作<td></td>中的类容

猜你喜欢

转载自blog.csdn.net/tommy5553/article/details/80778630