■ 表格标记
<TABLE> <TR> <TD> <TH> <CAPTION>
欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。
■ <TABLE> <TR> <TD> :
▲Top
这三个标记是定义表格的最重要的标记,可以说只学这三个已足够。
<TABLE>是一个容器标记,意思是说它用以宣告这是表格而其它标记只能在它的范围内 才适用,属容器标记的还有其他。
<TR>用以标示表格行(row) <TD>用以标示表格列(cell)
<TABLE> 的参数设定(常用):
例如: <table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">
- width="400"
表格宽度,接受绝对值(如 80)及相对值(如 80%)。
- border="1"
表格边框的厚度,不同浏览器有不同的内定值,故请指明。
- cellspacing="2"
表格格线的厚度,请看例子三,那是加厚到 5 的格线。
- cellpadding="2"
文字与格线的距离,请看例子四,那是加至 10 的边距。
- align="CENTER"
表格的摆放位置(水平),可选值为: left, right, center,请看例子五或六,那表格是放于中间的,为怕一些浏览器不支持,故特意加上居中标记<CENTER>,只是多一层保证而已,当然只用<CENTER>也可。
- valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。
- background="myweb.gif"
表格的背景图片,与 bgcolor 不要同用。
- bgcolor="#0000FF"
表格的底色,与 background 不要同用,请看例子六
- bordercolor="#CF0000"
表格边框颜色,NC 与 IE 有不同的效果,请看例子六。
- bordercolorlight="#00FF00"
表格边框向光部分的颜色,请看例子二。只适用于 IE
- bordercolordark="#00FFFF"
表格边框背光部分的颜色,请看例子二,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。只适用于 IE
- cols="2"
表格栏位数目,只是让浏览器在下载表格时先画出整个表格而已。
<TR> 的参数设定(常用):
例如:<tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#808080" bordercolordark="#FF0000">
- align="RIGHT"
该一列内内容的对齐方式(水平),可选值为: left, center, right。
- valign="MIDDLE"
该一列内内容的对齐方式(垂直),可选值为: top, middle, bottom。
- bgcolor="#0000FF"
该一列底色,请看例子五。
- bordercolor="#CF0000"
该一列边框颜色,请看例子三
|