表格
作用:用来展示数据
表格写法:
1. table 表格 border边框、width宽度、cellspacing单元格和单元格之间的距离、cellpadding单元格和内容的距离、bgcolor背景颜色
2. thead 表头
tr 行
th 单元格
3. tbody 表体 align水平对齐
tr 行
td 单元格 colspan跨列数、rowspan跨行数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课程表</title>
</head>
<body>
<!--表格开始-->
<table border='1' width='100%' cellspacing='0' bgcolor='#CAF982' cellpadding='20px'>
<thead>
<tr>
<th colspan='6'>课程表(2021web)</th>
</tr>
</thead>
<tbody align='center'>
<tr>
<td>星期</td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
</tr>
<tr>
<td rowspan="2">第一节</td>
<td>html</td>
<td>java</td>
<td>C语言</td>
<td>css</td>
<td>js</td>
</tr>
<tr>
<td>js</td>
<td>java</td>
<td>html</td>
<td>css</td>
<td>C语言</td>
</tr>
<tr>
<td rowspan="2">第二节</td>
<td>java</td>
<td>html</td>
<td>js</td>
<td>css</td>
<td>C语言</td>
</tr>
<tr>
<td>C语言</td>
<td>java</td>
<td>js</td>
<td>css</td>
<td>html</td>
</tr>
<tr>
<td rowspan="2">第三节</td>
<td>java</td>
<td>js</td>
<td>C语言</td>
<td>html</td>
<td>css</td>
</tr>
<tr>
<td>C语言</td>
<td>java</td>
<td>js</td>
<td>css</td>
<td>html</td>
</tr>
<tr>
<td rowspan="2">第四节</td>
<td>html</td>
<td>css</td>
<td>java</td>
<td>js</td>
<td>C语言</td>
</tr>
<tr>
<td>C语言</td>
<td>java</td>
<td>js</td>
<td>css</td>
<td>html</td>
</tr>
</tbody>
</table>
<!--表格结束-->
</body>
</html>版权声明:本文为m0_60526657原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。