HTML表格標(biāo)記詳細(xì)講解(適合初學(xué)者)_XHTML教程
TABLE> <TR> <TD>
<TH>
<CAPTION>
■ <TABLE> <TR> <TD> :
這三個(gè)標(biāo)記是定義表格的最重要的標(biāo)記,可以說(shuō)只學(xué)這三個(gè)己足夠。
<TABLE>是一個(gè)容器標(biāo)記,意思是說(shuō)它用以聲明這是表格而且其他表格標(biāo)記只能在他的 范圍內(nèi)才適用,屬容器標(biāo)記的還有其他。
<TR>用以標(biāo)示表格列(row)
<TD>用以標(biāo)示儲(chǔ)存格(cell)
<TABLE> 的參數(shù)設(shè)定(常用):
例如: <table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">
width="400"
表格寬度,接受絕對(duì)值(如 80)及相對(duì)值(如 80%)。
- border="1"
表格邊框厚度,不同瀏覽器有不同的內(nèi)定值,故請(qǐng)指明。 - cellspacing="2"
表格格線厚度,請(qǐng)看例子三,那是加厚到 5 的格線。 - cellpadding="2"
文字與格線的距離,請(qǐng)看例子四,那是加至 10 的 padding。 - align="CENTER"
表格的擺放位置(水平),可選值為: left, right, center,請(qǐng)看例子五或六,那表格 是放于中間的,為怕一些瀏覽器不支援,故特加上居中標(biāo)記<CENTER>,只是多 層保證而己,當(dāng)然只用<CENTER>亦可。 - valign="TOP".
表格內(nèi)字畫等的擺放貼 位置(垂直),可選值為: top, middle, bottom。 - background="myweb.gif"
表格 紙,與 bgcolor 不要同用。 - bgcolor="#0000FF"
表格底色,與 background 不要同用,請(qǐng)看例子六。 - bordercolor="#FF00FF"
表格邊框顏色,NC 與 IE 有不同的效果,請(qǐng)看例子六。 - bordercolorlight="#00FF00"
表格邊框向光部分的顏色,請(qǐng)看例子二。『只適用于 IE』 - bordercolordark="#00FFFF"
表格邊框背光部分的顏色,請(qǐng)看例子二,使用 bordercolorlight 或 bordercolordark 時(shí) bordercolor 將會(huì)失效�!褐贿m用于 IE』 - cols="2"
表格欄位數(shù)目,只是讓瀏覽器在下載表格是先畫出整個(gè)表格而己。
<TR> 的參數(shù)設(shè)定(常用):
例如:<tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#808080" bordercolordark="#FF0000">
- align="RIGHT"
該一列內(nèi)字畫等的擺放貼 位置(水平),可選值為: left, center, right。 - valign="MIDDLE"
該一列內(nèi)字畫等的擺放貼 位置(垂直),可選值為: top, middle, bottom。 - bgcolor="#0000FF"
該一列底色,請(qǐng)看例子五。 - bordercolor="#FF00FF"
該一列邊框顏色,請(qǐng)看例子三。『只適用于 IE』 - bordercolorlight="#808080"
該一列邊框向光部分的顏色,請(qǐng)看例子三�!褐贿m用于 IE』
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML初級(jí)教程表單form
- XHTML入門學(xué)習(xí)教程:XHTML常用標(biāo)簽
- HTML初級(jí)教程表格table
- html元素 xhtml文檔根元素特性小結(jié)
- HTML表格標(biāo)記教程(40):表頭的暗邊框色屬性BORDERCOLORDARK
- HTML表格標(biāo)記教程(12):邊框樣式屬性FRAME
- HTML網(wǎng)頁(yè)列表標(biāo)記學(xué)習(xí)教程
- 網(wǎng)頁(yè)制作中注意應(yīng)用HTML標(biāo)簽的問(wèn)題
- 將XHTML CSS頁(yè)面轉(zhuǎn)換為打印機(jī)頁(yè)面
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
猜你也喜歡看這些
- 如何才能高效的進(jìn)行CSS編碼?
- WEB標(biāo)準(zhǔn)學(xué)習(xí),認(rèn)識(shí)兩種網(wǎng)頁(yè)聲明的含義
- 巧妙運(yùn)用CSS立刻改變鼠標(biāo)的樣式
- 實(shí)用CSS教程:從基礎(chǔ)開(kāi)始(一)
- CSS中級(jí)教程背景圖片
- CSS教程12、CSS的BackgroundImages背景圖片[翻譯Htmldog]
- IE6不支持的CSS的type選擇器
- CSS中IE6浮動(dòng)模型Bug詳解
- 利用CSS框架進(jìn)行高效率的站點(diǎn)開(kāi)發(fā) Elements
- 看懂《CSS hack瀏覽器兼容一覽表》
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-HTML表格標(biāo)記詳細(xì)講解(適合初學(xué)者)
。