Chinaunix

标题: HTML基础第六讲---表格 [打印本页]

作者: 深度技術論壇· 时间: 2007-02-26 23:23
标题: HTML基础第六讲---表格
上一讲，风行鹤朋友给我们讲了关于《控制表格及其表项的对齐方式》，在这里我要讲讲表格及其属性，然后大家在复习一下上一节的内容，这样就会有事半功倍的感觉。

  表格，一般的用于对网页的内容进行排版，比如文字放在页面的某个位置，你就可以做个表格，然后设置一下表格的属性，它文字放在表格的某个单元个里，就行了；其实用过word的朋友应该非常明白的。除了页面的排版外，表格还可以制作出非常好看的效果，比如按钮、变色、边线等等。大家要会灵活的运用。

  看看表格的基本语法：... - 定义表格
                     ...- 定义表行
                     ...- 定义表头
                     ...- 定义表元
  下面看看它的示例：


FoodDrinkSweet


ABC

　
不带边框的表格：

FoodDrinkSweet

ABC


Food Drink Sweet
A    B    C
跨多行、多列的表元(Table Span)
跨多列的表元

Morning Menu
Food    Drink  Sweet
ABC

跨多行的表元

Morning Menu
Food A
Drink B
Sweet C

表格尺寸设置边框尺寸设置：

FoodDrinkSweet
ABC

表格尺寸设置：

FoodDrinkSweet
ABC

表元间隙设置：

FoodDrinkSweet
ABC

表元内部空白设置：

FoodDrinkSweet
ABC

表格内文字的对齐/布局

#=left, center, right

  FoodDrinkSweet

A
B
C

#=top, middle, bottom, baseline

            FoodDrink
            SweetOther

            A
            B
            C
            D

好了，表格的基本的应用就是这些了。大家有什么问题，积极发问啊！！！

本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u/32310/showart_250371.html

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)