第二节：导航模块
本节中，我们将开发导航模块：
table
table–表格。
按上图所示，我们需要开发一个1行5列的表格，用以显示个人介绍网页中的导航。
新建表格
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是标题</title>
</head>
<body>
<h1>Hello World!</h1>
<table>
</table>
</body>
</html>
刷新网页，我们发现，好像什么也没有发生。是的，我们只是建立了一个空表格，表格中并没有内容。
新建行
有了表格，我们在表格中，新建一行。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是标题</title>
</head>
<body>
<h1>Hello World!</h1>
<table>
<tr>
</tr>
</table>
</body>
</html>
tr = table row
刷新网页，由于没有数据，所以还是什么都没有发生。
新建列
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是标题</title>
</head>
<body>
<h1>Hello World!</h1>
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
td = table data, 这也间接告诉我们，所有的数据都应该写在td中。
刷新网页，由于没有数据，所以还是什么都没有发生。
加入数据
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是标题</title>
</head>
<body>
<h1>Hello World!</h1>
<table>
<tr>
<td>自我介绍</td>
<td>所学课程</td>
<td>我的建议</td>
<td>友情链接</td>
<td>生活中的我</td>
</tr>
</table>
</body>
</html>
我们再刷新网页，发现一个没有边框的1行5列的表格已经出现了。没错，在html中，表格默认是没有边框的。而加边框操作，较为复杂，我们将其放到后面进行讲解。
至此，一个没有边框的导航模块的雏形已经成功建立了。
规范缩进
上述代码的编写过程中，我们非常注意代码的正确缩进。所以最终我们看到的是如下的效果：
这使得我们能够快速的判断出我们的代码属于哪个代码块，代码与代码间的关系又是什么。做牛气的软件工程师，从规范代码做起！
总结：
本节中，我们学习了三个新的标签，它们是:table表格标签,tr(tabel row)表格中的行标签，td (table data)行中的列（数据）标签。是的，你猜的没错，基本的html的学习，就是标签的学习，而标签的学习，是一个纯的记忆的过程。其实我们大可不必去刻意的记忆这些标签，我们只要做到当我们需要使用表格的时候，能够知道应该去搜索“html 表格”，就已经达到了学习的目的。
参考: http://www.runoob.com/tags/tag-table.html http://www.runoob.com/tags/tag-tr.html http://www.runoob.com/tags/tag-td.html