第八节 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