学习知识点
先说制作表格的结构.
1.第一行里面是th表头单元格
2.第二行开始里面是td普通单元格
3.单元格里面可以放任何元素，文字链接图片等都可以
书写表格属性
1.用到宽度高度边框cellpadding和cellspacing，案例中用了cellspacing=“0”说明2个框直接的距离为0就是一条直线
2.表格浏览器中对齐align=“center”，表单在整个网站居中
3.width="500" 限定宽度，看起来舒服一些
效果图
<!DOCTYPE html>n<html lang="en">n<head>n <meta charset="UTF-8">n <meta http-equiv="X-UA-Compatible" content="IE=edge">n <meta name="viewport" content="width=device-width, initial-scale=1.0">n <title>表格标签案例</title>n</head>n<body>n <table align="centen" width="500" border="1" cellspacing="0">n <tr>n <th>排名</th>n <th>关键词</th>n <th>趋势</th>n <th>进入搜索</th>n <th>最近七日</th>n <th>相关链接</th>n </tr>nn <tr>n <td>1</td>n <td>鬼吹灯</td>n <td><img src="images/down.jpg"></td>n <td>123</td>n <td>4321</td>n <td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td>n </tr>nn <tr>n <td>2</td>n <td>西游记</td>n <td><img src="images/down.jpg"></td>n <td>123</td>n <td>53251</td>n <td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td>n </tr>nn <tr>n <td>3</td>n <td>东游记</td>n <td><img src="images/up.jpg"></td>n <td>123</td>n <td>421</td>n <td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td>n </tr>nn <tr>n <td>4</td>n <td>水浒传</td>n <td><img src="images/down.jpg"></td>n <td>123</td>n <td>46321</td>n <td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td>n </tr>n </table>n</body>n</html>
