Introduction(介绍 )
我们目前的 html 之旅非常顺利,已经学了:
1. 怎样创建 html 文件的基本结构
2. 标题,段落,图片和链接
3. 字体颜色,尺寸和类型
4. 背景颜色,文本对齐,粗体和斜体
这节课,我们将学习 html 重要的一部分:<table>,<div> 和 <span>
Tables(表格)
表格非常有用,我们用表格来存储可以制成表格的数据,可以让可读性更强。
如果你想把数据分成几行和几列来表示,那么就要用到 <table> 了。
有很多其它标签来和 <table> 一起配合使用,他们都包含在 <table></table> 里面:
<tr> </tr> (tr = table row)增加一行 :
我们使用 <tr> 来创建表格的一行。事实上,我们并不是直接划分列,而是在每一行里再添加一些格子(cell)。
<td> </td> (td = table data) 在一行中增加一个格子 (cell),有几个 < td>,这一行就被分成了几列。
例如:
- <span style="font-size:14px;"><html>
- <head>
- <title>Table Time</title>
- </head>
- <body>
- <table border="1px">
- <tr>
- <td>King Kong</td>
- <td>1933</td>
- </tr>
- <tr>
- <td>Dracula</td>
- <td>1897</td>
- </tr>
- <tr>
- <td>Bride of Frankenstein</td>
- <td>1935</td>
- </tr>
- </table>
- </body>
- </html></span>
效果:
来源: http://www.bianceng.cn/web/Html/201411/46555.htm