html表格标签

it2023-11-09  72

表格

表格的基本构成标签

table:表格标签

tr:表格中的行

th:表格的表头

td:表格单元格

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--1.<border="number">给你的表格加上边框 2.<background="图片位置">给表格加上背景 3.<bgcolor="颜色">给你的表格加上背景颜色。 4.<cellpadding="number">调节你的单元格内容和边框的间距。 5.<border=:"number" cellspacing="number">用border创建的边框是两层,调节这两层边框的间距,若设置为0则边框变为实线 6.align包括:left,center,right。 7.valign包括:top,middle,bottom. 8.<colspan="number">用在需要合并的几列的首列,需将所占用行的相应列单元格删除。 9.<rowsoan="number">用在需要合并的几行的首列,需将所占用列的相应行单元格删除。--> <table border="1" cellspacing="0"> <tr height="30"> <th bgcolor="aqua">姓名</th> <th width="100"></th> <th bgcolor="aqua">性别</th> <th width="100"></th> <th width="100" rowspan="5" >照片</th> </tr> <tr height="30"> <th bgcolor="aqua">出生年月</th> <th></th> <th bgcolor="aqua">籍贯</th> <th></th> </tr> <tr > <th bgcolor="aqua">政治面貌</th> <th></th> <th bgcolor="aqua">民族</th> <th></th> </tr> <tr > <th bgcolor="aqua">健康状况</th> <th></th> <th bgcolor="aqua">婚姻状况</th> <th></th> </tr> <tr > <th bgcolor="aqua">联系电话</th> <th></th> <th bgcolor="aqua">电子邮箱</th> <th></th> </tr> <tr > <th bgcolor="aqua">求职意向</th> <th colspan="4"></th> </tr> <tr > <th height="200" bgcolor="aqua">工作经历</th> <th colspan="4"></th> </tr> <tr > <th height="50" bgcolor="aqua">教育经历</th> <th colspan="4"></th> </tr> <tr > <th height="40" bgcolor="aqua"> 英语水平</th> <th colspan="4"></th> </tr> <tr > <th height="40" bgcolor="aqua">计算机水平</th> <th colspan="4"></th> </tr> <tr > <th height="60" bgcolor="aqua">自我评价</th> <th colspan="4"></th> </tr> </table> </body> </html>

运行效果

最新回复(0)