表格
table标签用于定义表格
tr 必须嵌套在table标签中
td 必须嵌套在tr中
表格的基本语法:
<table border="1" allign="center" cellspacing="2" cellpadding="1">
↑---border代表边框线
align代表位置 right左边left(右边)center(中间)
cellspacing规定单元格与单元格之间的空白 默认值为2像素
cellpadding规定单元格与内容之间的空白 默认值为1像素
width 规定表格的宽度
<thead> <---表头标签 内部必须有tr
<tr> <---代表行
<th></th> <---th标签标示html表头部分
</tr>
</thead>
<tbody> <---主体标签
<tr>
<td></td> <---代表列
</tr>
</tbody>
</table>
案例一:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>案例一</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="20" align="center" >
<tr>
<th>排名</th>
<th>关键词</th>
<th>趋势</th>
<th>今日搜索</th>
<th>最近七日</th>
<th>相关链接</th>
</tr>
<tr>
<td>1</td>
<td>鬼吹灯</td>
<td><img src="images/timg.jpg" alt="增长" width="20" height="20"></td>
<td>456</td>
<td>123</td>
<td>
<a href="#">贴吧</a>
<a href="#">图片</a>
<a href="#">百科</a>
</td>
</tr>
<tr>
<td>1</td>
<td>鬼吹灯</td>
<td><img src="images/timg.jpg" alt="增长"width="20" height="20"></td>
<td>456</td>
<td>123</td>
<td>
<a href="#">贴