创建一张表格 很多时候我们需要在网页上展示一些数据，使用表格可以很好的来展示数据。 在HTML中<table>标签定义 表格。 <table></table> 添加一行 <table>标签相当于定义了
创建一张表格
很多时候我们需要在网页上展示一些数据，使用表格可以很好的来展示数据。
在HTML中<table>标签定义 表格。
<table></table>添加一行
<table>标签相当于定义了一个表格容器。我们现在要创建表格的行，等会我们再创建列。
标签<tr>表示<table>里的行，在<table>里嵌套了几个完整的（拥有开始标签和闭合标签的）<tr>标签就表示这个<table>有几行：
<table> <tr></tr> <tr></tr> ...</table>添加一列
在给表格创建了行之后，我们要给表格的行里面添加单元格，标签<td>表示HTML 表格中的标准单元格。
现在我们可以把要显示的内容放到<td>标签里，我们可以看到页面会把标签<td>里的内容呈现在页面上。
为了方便观察表格单元格的情况，我们给table加了border属性。
<table border="1"></table>[border]属性我们会在后面具体讲解。
加上<td>结构是这样：
<table> <tr> <td></td> <td></td> ... </tr> <tr></tr> ...</table>添加多行多列
我们已经知道表格是怎样生成的了，我们来尝试下给页面添加一个多行多列的表格吧。
代码内容如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>创建一个多行多列的表格</title></head><body><h1>创建一个多行多列的表格</h1> <table border="1" wdith= '200' height = '200'> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> </table></body></html>结果如何呢？可以前往http://www.mayacoder.com/lesson/lesson?lesson_id=31&knowledge_id=8 查看答案哦~~~~
