HTML表格标记及属性

表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观。
  常用表格标记

<TABLE>...</TABLE> 表格指令 。
相关属性 :
· ALIGN 调整
· BGCOLOR 背景颜色
· BORDER 边框
· HEIGHT 高度
· WIDTH 宽度 <CAPTION>...</CAPTION> 表格标题 。

相关属性 :
· ALIGN 调整 <TR>...</TR> 表格列 ( </TR>可省略 ) 。

相关属性 :
· ALIGN 调整 <TH>...</TH> 表格栏标题 ( 表头 ) 粗体字 ( </TH>可省略 ) 。

相关属性 :
· ALIGN 调整
· COLSPAN 栏宽
· ROWSPAN 栏高 <TD>...</TD> 表格栏资料 ( 储存格 ) ( </TD>可省略 ) 。

相关属性 :
· ALIGN 调整
· BGCOLOR 背景颜色
· HEIGHT 高度
· WIDTH 宽度
· COLSPAN 栏宽
· ROWSPAN 栏高

举例

如 : ( 基础型 )
<TABLE BORDER=1 ALIGN=CENTER>
<TR><TD>太平洋网络学院<TD>太平洋网络学院
<TR><TD>太平洋网络学院<TD>太平洋网络学院
</TABLE>

太平洋网络学院 太平洋网络学院
太平洋网络学院 太平洋网络学院

如 : ( 加强型 ) 增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。
<TABLE BORDER=1 ALIGN=CENTER BGCOLOR=#CCCCFF>
<CAPTION>表格标题</CAPTION>
<TR><TD><TH COLSPAN=2>行标题 1 <TH COLSPAN=2>行标题 2
<TR><TH ROWSPAN=2>列标题 1 <TD>A <TD>A <TD>A <TD>A
<TR><TD>B <TD>B <TD>B <TD>B
<TR><TH ROWSPAN=2>列标题 2 <TD>C <TD>C <TD>C <TD>C
<TR><TD>D <TD>D <TD>D <TD>D
</TABLE>

行标题 1 行标题 2
列标题 1 A A A A
B B B B
列标题 2 C C C C
D D D D

  看了以上的例子,应该了解表格的基本写法吧!

时间: 2024-09-15 12:06:11

HTML表格标记及属性的相关文章

网页设计用好HTML表格标记及属性

设计|网页|网页设计 表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格.使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观. 常用表格标记 <TABLE>...</TABLE> 表格指令 . 相关属性 : · ALIGN 调整 · BGCOLOR 背景颜色 · BORDER 边框 · HEIGHT 高度 · WIDTH 宽度 <CAPTION>...</CAPTION> 表格标题 . 相关属性 : · ALIGN 调整 &l

HTML彻底剖析(7)表格标记

■ 表格标记 <TABLE> <TR> <TD> <TH> <CAPTION> 欲明白本篇[HTML彻底剖析]之标记分类,请看 [标记一览]. 也请先明白围堵标记与空标记的分别,请看 [HTML概念]. ■ <TABLE> <TR> <TD> : ▲Top <TABLE>...</TABLE>用法: 创建一个表格开始/结束标识: 必须/必须属性: %coreattrs,%i18n,%ev

《HTML、CSS、JavaScript 网页制作从入门到精通》——6.5 表格的行属性

6.5 表格的行属性 不仅可以对表格整体设置相关属性,还可以对单独的一行单元格设置相关属性.下面就介绍行的高度.行的边框颜色.行的背景和行里内容的对齐方式设置等. 6.5.1 高度控制height 使用height可以设置行的高度. 语法: 举例: 在代码中加粗部分的代码标记为设置表格行的高度,在浏览器中预览,可以看到第1行设置了60像素的高度,如图6.16所示. 6.5.2 边框颜色bordercolor 可以使用bordercolor属性设置行的边框颜色. 语法: 举例: 在代码中加粗部分的

HTML语言剖析(七)表格标记

<TABLE> <TR> <TD> <TH> <CAPTION> ■ <TABLE> <TR> <TD> :   这三个标记是定义表格的最重要的标记,可以说只学这三个己足够. <TABLE>是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在他的 范围内才适用,属容器标记的还有其他. <TR>用以标示表格列(row) <TD>用以标示储存格(cell) <T

表格标记

<TABLE> <TR> <TD> <TH> <CAPTION> ■ <TABLE> <TR> <TD> : ▲Top 这三个标记是定义表格的最重要的标记,可以说只学这三个己足够. <TABLE>是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在他的 范围内才适用,属容器标记的还有其他. <TR>用以标示表格列(row) <TD>用以标示储存格(cell) &l

HTML之表格标记

■ 表格标记 <TABLE> <TR> <TD> <TH> <CAPTION> 欲明白本篇[HTML彻底剖析]之标记分类,请看 [标记一览]. 也请先明白围堵标记与空标记的分别,请看 [HTML概念]. ■ <TABLE> <TR> <TD> : ▲Top 这三个标记是定义表格的最重要的标记,可以说只学这三个已足够. <TABLE>是一个容器标记,意思是说它用以宣告这是表格而其它标记只能在它的范围内

HTML表格标记制作表格教程

这是网页教学网给大家提供的系列教程,主要是为初学者讲解网页中表格的应用,包括最基础的知识,表格的一些技巧等,希望大家支持网页教学网. 表格是用于排列内容的最佳手段,在HTML页面中,绝大多数页面都是使用表格进行排版的.但是现在的技术里,有人提出了用DIV+CSS制作网页,主要目的是简化网页的代码,现在好多站都已经实现了DIV+CSS布局,但是在网页制作过程中我们学习表格的制作方法还是非常有必要的,所以专门给大家讲解下. 在HTML的语法中,表格主要通过3个标记来构成,表格标记.行标记.单元格标记

初学者HTML的表格标记详细讲解

 TABLE是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在他的范围内才适用,属容器标记的还有其他.TR用以标示表格列(row)TD用 TABLE><TR><TD> <TH> <CAPTION> ■<TABLE><TR><TD>: 这三个标记是定义表格的最重要的标记,可以说只学这三个己足够. <TABLE>是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在他的范围内才适用,属

mysql-MySQL中有 一张表格有性别属性,如何控制它的值只能是boy,或者girl.在线等待,球帮忙!!

问题描述 MySQL中有 一张表格有性别属性,如何控制它的值只能是boy,或者girl.在线等待,球帮忙!! MySQL中有 一张表格有性别属性,如何控制它的值只能是boy,或者girl.在线等待,球帮忙!! 解决方案 指定 enum("男","女"); 解决方案二: 好像是在你的建表的时候后面跟上unique. 解决方案三: 表上建触发器 CREATE TRIGGER upd_check BEFORE UPDATE ON 表名 FOR EACH ROW BEGIN