第八节 HTML表格
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<!--
1、<table>标签:声明一个表格,常用属性如下:
1、border属性:定义表格的边框,设置的值是数值
2、cellpadding属性:定义单元格内容和边框的距离,设置的是数值
3、cellspacing属性:定义单元格和单元格之间的距离,设置的是数值
4、align属性:设置整体表格相对于浏览器窗口水平的对齐方式,设置有:left|center|right
2、<tr>标签:定义表格中的一行
3、<td>和<th>标签:定义一行中的一个单元格,td代表普通单元,th代表表头单元格,他们的常用属性如下:
1、align属性:设置单元格中的水平对齐方式,left|center|right
2、valign属性:设置单元格中内容的垂直对齐方式,top|midle|bottom
3、colspan属性:设置单元格水平和并,设置是数值
4、row属性:设置单元格垂直和并,设置值是数值 -->
<table border="1" width="700" height="300" align="center">
<tr>
<th colspan="5" align="left">基本情况</th>
</tr>
<tr>
<td width="25%"></td>
<td width="15%"></td>
<td width="25%"></td>
<td width="15%"></td>
<td rowspan="5" width="20%"><img src="图片1.png" alt="人物"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html> 相关推荐
HSdiana 2020-03-28
行吟阁 2020-02-03
玫瑰小妖 2019-12-23
玫瑰小妖 2019-11-21
pythonclass 2019-11-07
移动开发与培训 2020-08-16
ReunionIsland 2020-08-16
行吟阁 2020-08-09
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
swiftwwj 2020-07-05
pythonclass 2020-06-25
nercon 2020-06-14
玫瑰小妖 2020-06-07
pythonclass 2020-06-03
lyg0 2020-05-28
huzijia 2020-05-08
行吟阁 2020-05-11
黎豆子 2020-05-11