幼儿园老师辞职信格式:6.如何创建HTML表格
如何创建HTML表格
HTML表格用 这三个Tag是创建表格最常用的Tag。 1) 表格所用到的Tag:整个表格开始要用table;每一行开始要用tr;每一单元格开始要用td。 2) 仁为己任不亦重乎?死而后已不亦远乎? 查找补充 在缺省情况下,如果不设置表格的边界,表格是不显示边界的。 示例:不显示边界的表格 1) 2) See you tomorrow.What are you doing 要显示表格的边界,可使用border这个属性。 示例:显示边界的表格 用 示例: 有表头的表格 如果表格的单元格 示例 上面的表格中,有一个单元格里是没有任何内容的,这个空的单元格没有显示边界,虽然整个表格设了边界值。 有标题的表格 这个表格有标题: 这个示例演示如何用 包含多列或多行的单元格 这个示例演示如何用colspan,rowspan设置多列或者多行的单元格。 单元格里的内容 这个例子演示单元格 1) 这是一段 这是另外一段。 2) 在表格中插入文字 示例 插入“0” 把“ ”换成“0” 仁为己任不亦重乎?死而后已不亦远乎? 单元格内容与单元格边界之间的距离 设置cellpadding属性,可以改变单元格内容和单元格边界之间的距离。 这个示例教你如何用cellpadding这个属性设置单元格内容与单元格边界之间的距离。 单元格之间的距离 Cellspacing属性表示单元格之间的距离。 这个示例教你如何用cellspacing这个属性设置单元格之间的距离 设置表格的背景颜色和背景图片 这个示例演示如何用bgcolor属性设置表格的背景颜色,如何用background属性为表格添加背景图片。 设置单元格的背景颜色和背景图片 这个示例演示如何用bgcolor属性设置单元格的背景颜色,如何用background属性为单元格添加背景图片。 单元格内容的对齐方式 这个示例教你如何用align属性设置单元格的对齐方式。表示。一个表格可以分成很多行(row),用
表示;每行又可以分成很多单元格(cell),用 表示。 只有一行(Row)一列(Column)的表格
100 一行三列的表格
100 200 300 两行三列的表格
100 200 300 400 500 600 border属性
缺省情况下,表格没有边界。
100 200 300 400 500 600 表格Border设为0,也不显示边界:
100 200 300 400 500 600 表格的边界值设为1:
第一 行 第二 行 表格的边界值设为8,边界更粗:
第一 行 第二 行 表格的边界值设为15,边界更粗:
第一 行 第二 行 表格的表头
来表示表格的表头,表头的字是粗体显示的。 有表头的表格:
姓名 电话 传真 Bill Gates 555 77 854 555 77 855 竖直方向的表头:
姓名 Bill Gates 电话 555 77 854 传真 555 77 855 空的单元格
之间没有内容,那么这个单元格的边界是不会被显示出来的,尽管整个表格已设置边界值。要显示这个单元格的边界,可以插入一个 空格符。 Some text Some text Some text Some text Some text Some text 更多示例
100 200 300 400 500 600 用colpsan属性,设置包含多列的单元格:
姓名 联系方式 Bill Gates 555 77 854 555 77 855 用rowspan这个属性,设置包含多行的单元格:
姓名 Bill Gates 联系方式 555 77 854 里面的内容。单元格的内容可以是文字,图片,超链接,Form,表格等。 这个单元格里包含了一个表格: A B C D 这个单元格里包含了一个图片: HELLO 0 0 0 0 0 0 0 0 没有cellpadding的表格:
First Row Second Row 以下是设置了cellpadding属性的表格:
第一 行 第二 行 cellpadding属性值设置为30的表格:
第一 行 第二 行 如果表格里没有设置cellspacing属性,缺省情况下,cellspacing值为1。
第一 行 第二 行 Cellspacing属性值设为0的表格:
第一 行 第二 行 Cellspacing属性值设为20的表格:
第一 行 第二 行 给表格设置背景颜色:
第一 行 第二 行 给表格加背景图片:
第一 行 第二 行 单元格背景色:
第一 行 第二 行 分数 期中考试 期末考试 芙蓉姐姐 250.10 50000.20 程菊花 1000.00 5000.45 周笔畅 2000.40 500.00 黄新 300.50 800.65