HTML学习日记(表格)

tech2022-10-19  107

表格

表格的基本结构:行;列;单元格

表格的基本语法

<table> <thead> <th colspan="" rowspan="" headers="" scope="">标题</th> </thead> <tbody> <tr> <td>data</td> </tr> </tbody> </table> 快捷方式:table>tr*5(行数)>td*5(列数)+Tab

tr(table row):列表行               td(table date):列表数据

colspan:合并行

rowspan:合并列

width:宽度

height:高度

border:边界

<img src="路径"  width="100%">(图片填满表格)

eg:做出一下表格:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div align="center"> <table border="1" style="text-align: center;"> <thead> <th colspan="3">三年级五班学员的语文成绩和数学成绩</th> </thead> <tr> <td rowspan="2">白杨</td> <td>语文</td> <td>98</td> </tr> <tr> <td>数学</td> <td>96</td> </tr> <tr> <td rowspan="2">杨晨</td> <td>语文</td> <td>92</td> </tr> <tr> <td>数学</td> <td>100</td> </tr> </table> </div> </body> </html>

 

 

 

 

 

 

 

 

 

最新回复(0)