blog
2007-11-19
1 阅读
跟我一起学HTML 第6讲
上一讲,风行鹤朋友给我们讲了关于《控制表格及其表项的对齐方式》,在这里我要讲讲表格及其属性 ,然后大家在复习一下上一节的内容,这样就会有事半功倍的感觉。
表格,一般的用于对网页的内容进行排版,比如文字放在页面的某个位置,你就可以做个表格,然后设置一下表格的属性,它文字放在表格的某个单元个里,就行了;其实用过word的朋友应该非常明白的。除了页面的排版外,表格还可以制作出非常好看的效果,比如按钮、变色、边线等等。大家要会灵活的运用。
看看表格的基本语法:...
- 定义表格
... - 定义表行
... - 定义表头
... - 定义表元
下面看看它的示例:
Food Drink Sweet
A B C
边框尺寸设置:
表格尺寸设置:
表元间隙设置:
表元内部空白设置:
#=left, center, right
#=top, middle, bottom, baseline
表格,一般的用于对网页的内容进行排版,比如文字放在页面的某个位置,你就可以做个表格,然后设置一下表格的属性,它文字放在表格的某个单元个里,就行了;其实用过word的朋友应该非常明白的。除了页面的排版外,表格还可以制作出非常好看的效果,比如按钮、变色、边线等等。大家要会灵活的运用。
看看表格的基本语法:
下面看看它的示例:
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
不带边框的表格:
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
Food Drink Sweet
A B C
跨多行、多列的表元(Table Span)
跨多列的表元
| Morning Menu | ||
|---|---|---|
| Food | Drink | Sweet |
| A | B | C |

跨多行的表元
| Morning Menu | Food | A |
|---|---|---|
| Drink | B | |
| Sweet | C |

表格尺寸设置
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
表格内文字的对齐/布局
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
| Food | Drink | Sweet | Other |
|---|---|---|---|
| A | B | C | D |
好了,表格的基本的应用就是这些了。大家有什么问题,积极发问啊!!!