HTML表格標記詳細講解(適合初學者)_XHTML教程

TABLE> <TR> <TD>
<TH>
<CAPTION>

■ <TABLE> <TR> <TD> ：

這三個標記是定義表格的最重要的標記，可以說只學這三個己足夠。

<TABLE>是一個容器標記，意思是說它用以聲明這是表格而且其他表格標記只能在他的 范圍內(nèi)才適用，屬容器標記的還有其他。
<TR>用以標示表格列（row）
<TD>用以標示儲存格（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"
表格寬度，接受絕對值（如 80）及相對值（如 80%）。

• border="1"
  表格邊框厚度，不同瀏覽器有不同的內(nèi)定值，故請指明。
• cellspacing="2"
  表格格線厚度，請看例子三，那是加厚到 5 的格線。
• cellpadding="2"
  文字與格線的距離，請看例子四，那是加至 10 的 padding。
• align="CENTER"
  表格的擺放位置（水平），可選值為： left, right, center，請看例子五或六，那表格 是放于中間的，為怕一些瀏覽器不支援，故特加上居中標記<CENTER>，只是多 層保證而己，當然只用<CENTER>亦可。
• valign="TOP".
  表格內(nèi)字畫等的擺放貼　位置（垂直），可選值為： top, middle, bottom。
• background="myweb.gif"
  表格　紙，與 bgcolor 不要同用。
• bgcolor="#0000FF"
  表格底色，與 background 不要同用，請看例子六。
• bordercolor="#FF00FF"
  表格邊框顏色，NC 與 IE 有不同的效果，請看例子六。
• bordercolorlight="#00FF00"
  表格邊框向光部分的顏色，請看例子二。『只適用于 IE』
• bordercolordark="#00FFFF"
  表格邊框背光部分的顏色，請看例子二，使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。『只適用于 IE』
• cols="2"
  表格欄位數(shù)目，只是讓瀏覽器在下載表格是先畫出整個表格而己。

<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"
  該一列底色，請看例子五。
• bordercolor="#FF00FF"
  該一列邊框顏色，請看例子三。『只適用于 IE』
• bordercolorlight="#808080"
  該一列邊框向光部分的顏色，請看例子三。『只適用于 IE』

  網(wǎng)站制作在線視頻教程  網(wǎng)站制作視頻教程打包下載

  DIV+CSS模板  CSS視頻教程  CSS設(shè)計徹底研究視頻教程  網(wǎng)頁制作基礎(chǔ)教程  網(wǎng)站重構(gòu)&web標準設(shè)計教程  div css視頻教程

  DIV + CSS 入門視頻教程，只用記事本編寫代碼演示  精通CSS+DIV網(wǎng)頁樣式與布局配套視頻教程  別具光芒：DIV+CSS網(wǎng)頁布局與美化  DIV.CSS應用視頻教程(DIV+CSS)