亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

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

2024-08-26 00:09:05
字體:
來源:轉載
供稿:網友

table> <tr> <td>
<th>
<caption>

■ <table> <tr> <td> : 

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

<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="#ff00ff" bordercolorlight="#00ff00" bordercolordark="#00ffff" cols="2">

 width="400"
表格寬度,接受絕對值(如 80)及相對值(如 80%)。

  • border="1"
    表格邊框厚度,不同瀏覽器有不同的內定值,故請指明。
  • cellspacing="2"
    表格格線厚度,請看例子三,那是加厚到 5 的格線。
  • cellpadding="2"
    文字與格線的距離,請看例子四,那是加至 10 的 padding。
  • align="center"
    表格的擺放位置(水平),可選值為: left, right, center,請看例子五或六,那表格 是放于中間的,為怕一些瀏覽器不支援,故特加上居中標記<center>,只是多 層保證而己,當然只用<center>亦可。
  • valign="top".
    表格內字畫等的擺放貼 位置(垂直),可選值為: 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"
    表格欄位數目,只是讓瀏覽器在下載表格是先畫出整個表格而己。

<tr> 的參數設定(常用):

例如:<tr align="right" valign="middle" bgcolor="#0000ff" bordercolor="#ff00ff" bordercolorlight="#808080" bordercolordark="#ff0000">

  • align="right"
    該一列內字畫等的擺放貼 位置(水平),可選值為: left, center, right。
  • valign="middle"
    該一列內字畫等的擺放貼 位置(垂直),可選值為: top, middle, bottom。
  • bgcolor="#0000ff"
    該一列底色,請看例子五。
  • bordercolor="#ff00ff"
    該一列邊框顏色,請看例子三。『只適用于 ie』
  • bordercolorlight="#808080"
    該一列邊框光部分的顏色,請看例子三。『只適用于 ie』
  • bordercolordark="#ff0000"
    該一列邊框光部分的顏色,請看例子三,使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。『只適用于 ie』

<td> 的參數設定(常用):

例如:<td width="48%" height="400" colspan="5" rowspan="4" align="right" valign="bottom" bgcolor="#ff00ff" bordercolor="#808080" bordercolorlight="#ff0000" bordercolordark="#00ff00" background="myweb.gif">

  • width="48%"
    該一儲存格寬度,接受絕對值(如 80)及相對值(如 80%)。
  • height="400"
    該一儲存格高度。
  • colspan="5"
    該一儲存格向右打通的欄數。請看例子六
  • rowspan="4"
    該一儲存格向下打通的列數。請看例子六
  • align="right"
    該一儲存格內字畫等的擺放貼 位置(水平),可選值為: left, center, right。
  • valign="bottom"
    該一儲存格內字畫等的擺放貼 位置(垂直),可選值為: top, middle, bottom。
  • bgcolor="#ff00ff"
    該一儲存格底色,請看例子四。
  • bordercolor="#808080"
    該一儲存格邊框顏色,請看例子三。『只適用于 ie』
  • bordercolorlight="#ff0000"
    該一儲存格邊框光部分的顏色,請看例子三『只適用于 ie』
  • bordercolordark="#00ff00"
    該一儲存格邊框光部分的顏色,請看例子三,使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。『只適用于 ie』
  • background="myweb.gif"
    該一儲存格 紙,與 bgcolor 任用其一。

例子一:

 <table width="60%" border="1">
<tr><td>只有一個儲存格(cell)的表格</td></tr>
</table> 顯示結果

只有一個儲存格(cell)的表格

例子二:

 <table width="60%" border="5" bordercolorlight="#ff00ff" bordercolordark="#ff0000">
<tr><td>第一列第一欄</td><td>第一列第二欄</td></tr>
</table> 顯示結果

第一列第一欄 第一列第二欄

 例子三:

 <table width="60%" border="1" cellspacing="5">
     <tr bordercolor="#0000ff">

<td>第一列第一欄</td>
<td>第一列第二欄</td>
     </tr>
     <tr bordercolorlight="#ff00ff" bordercolordark="#00ff00">
<td>第二列第一欄</td>
<td>第二列第二欄</td>
     </tr>
</table> 顯示結果

第一列第一欄 第一列第二欄 第二列第一欄 第二列第二欄

例子四:

 <table width="60%" border="1" cellpadding="10">
     <tr>

<td bgcolor="#ffcce6">第一列第一欄</td>
<td bgcolor="#ffffc6">第一列第二欄</td>
     </tr>
     <tr>
<td bgcolor="#ffd9ff">第二列第一欄</td>
<td bgcolor="#dab4b4">第二列第二欄</td>
     </tr>
</table> 顯示結果

第一列第一欄 第一列第二欄 第二列第一欄 第二列第二欄

例子五: 原始碼

 <center>
<table width="60%" cellspacing="0" cellpadding="2" align="center">
     <tr>

<td bgcolor="#ffd2e9">第一列第一欄</td>
<td bgcolor="#ffdab5">第一列第二欄</td>
<td bgcolor="#ffffb5">第一列第三欄</td>
     </tr>
     <tr bgcolor="#c0c0c0">
<td>第二列第一欄</td>
<td>第二列第二欄</td>
<td>第二列第三欄</td>
     </tr>
</table>
</center> 顯示結果
第一列第一欄 第一列第二欄 第一列第三欄 第二列第一欄 第二列第二欄 第二列第三欄

例子六

 原始碼 <center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="center" bgcolor="#ffc4e1" bordercolor="#0000ff">
     <tr>

<td>第一列第一欄</td>
<td colspan="2">第一列 之 第二欄及第三欄</td>
     </tr>
     <tr>
<td rowspan="2">第二列及第三列 之 第一欄</td>
<td>第二列第二欄</td>
<td>第二列第三欄</td>
     </tr>
     <tr>
<td>第三列第二欄</td>
<td>第三列第三欄</td>
     </tr>
</table>
</center> 顯示結果

 

第一列第一欄 第一列 之 第二欄及第三欄 第二列及第三列 之 第一欄 第二列第二欄 第二列第三欄 第三列第二欄 第三列第三欄

 

■ <th> :
<th>與<td>同樣是標示一個儲存格,唯一不同的是<th>所標示的儲存格中的文字是以粗 體出現,通常用于表格第一列以標示欄目。它的用法是取代<td>的位置便可以,其參數 設定請參考<td>。

當然若為<td>所標示的儲存格中的文字加上粗體標記<b>便等如<th>的效果。

例子: 原始碼

 <center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="center">
     <tr align="center">

<th>month</th><th>% of ie visitor</th><th>% of nc visitor</th>
     </tr>
     <tr align="center">
<td>august</td><td>61%</td><td>39%</td>
     </tr>
     <tr align="center">
<td>july</td><td>54%</td><td>46%</td>
     </tr>
     <tr align="center">
<td>june</td><td>52%</td><td>48%</td>
     </tr>
</table>
</center> 顯示結果

 

month % of ie visitor % of nc visitor august 61% 39% july 54% 46% june 52% 48%

 

■ <caption> :
<caption> 的作用是為表格標示一個標題列,有如在表格上方加上一沒格線的打通列。 當然亦可置于下方,通常用以存放該表格的標題。

<caption> 的參數設定(常用):
例如:<caption align="top" valign="top"></caption>

  • align="top"
    該表格標題列相對于表格的擺放貼 位置(水平),可選值為: left, center, right, top, middle, bottom,若 align="bottom" 的話標題列便會出現對表格的下方,不管你 的原始碼中把 <caption> 放在 <table> 中的頭部或尾部。
  • valign="top"
    該表格標題列相對于表格的擺放位置(上下),可選值為: top, bottom。和 align="top" 或 align="bottom" 是一樣的,雖然功能重復了,但如果你要標題列 置于下方及向右或向左貼 ,那末兩個參數便可一 用了。當只 一個參數時, 請首選 align,因為 valign 是由 html 3.0 才開始的參數。

例子: 

 <center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="center">
<caption>網頁速成 八月份訪客瀏覽器使用分析</caption>
     <tr align="center">

<th>month</th>
<th>% of ie visitor</th>
<th>% of nc visitor</th>
     </tr>
     <tr align="center">
<td>august</td>
<td>61%</td>
<td>39%</td>
     </tr>
</table>
</center>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日本一区二区在线播放| 57pao成人永久免费视频| 久久成人综合视频| 国产不卡av在线免费观看| 久久久久久久999精品视频| 欧美激情一二区| 欧美日韩加勒比精品一区| 亚洲毛片在线免费观看| 日韩专区中文字幕| 国产午夜精品全部视频在线播放| 日韩www在线| 中文字幕在线成人| 欧美体内谢she精2性欧美| 亚洲欧美日韩中文在线| 一区二区三区国产视频| 日韩在线欧美在线国产在线| 在线观看91久久久久久| 在线观看精品国产视频| 国产噜噜噜噜久久久久久久久| 亚洲精品狠狠操| 国产xxx69麻豆国语对白| 性色av一区二区三区在线观看| 日韩精品在线免费播放| 成人免费网站在线看| 精品久久久久久久久中文字幕| 欧美另类在线播放| 欧美日韩一区二区三区在线免费观看| 青青青国产精品一区二区| 性欧美激情精品| 色综合伊人色综合网| 亚洲国产又黄又爽女人高潮的| 日韩欧美一区二区三区久久| 日韩精品在线视频观看| 欧美中文在线免费| 欧美亚洲国产日韩2020| 国产一区二区三区毛片| 亚洲天堂开心观看| 亚洲天堂网站在线观看视频| 国产成人啪精品视频免费网| 亚洲一区二区三区乱码aⅴ| 国产精品网站入口| 亚洲日本欧美中文幕| 高清在线视频日韩欧美| 日韩精品极品视频免费观看| 亚洲人成电影网站色| 国产91精品久久久| 国产91|九色| **欧美日韩vr在线| 亚洲色图在线观看| 成人444kkkk在线观看| 亚洲国产成人精品久久久国产成人一区| 国产精品视频网| 亚洲视频999| 大胆人体色综合| 日韩av理论片| 亚洲欧美www| 国产欧美韩国高清| 美女福利视频一区| 亚洲香蕉成视频在线观看| 久久国产精品偷| 久久久久亚洲精品国产| 欧美午夜影院在线视频| 欧美最顶级的aⅴ艳星| 欧美性猛交xxxx| 国产精品视频区1| 久久久亚洲福利精品午夜| 精品久久香蕉国产线看观看亚洲| 欧美在线视频观看| 日本成人黄色片| 欧美视频免费在线观看| 国产日韩av在线| 日韩视频免费看| 一本色道久久综合狠狠躁篇怎么玩| 亚洲福利视频久久| 欧美亚洲国产成人精品| 深夜福利91大全| 亚洲国产精品99久久| 91精品国产精品| 91精品久久久久久久久不口人| 欧美夫妻性生活xx| 日韩高清av一区二区三区| 亚洲黄色在线看| 久久久久日韩精品久久久男男| 欧美日韩精品中文字幕| 亚洲欧美精品一区二区| 日韩av在线播放资源| 亚洲国产日韩欧美在线图片| 亚洲激情在线观看| 亚洲精品国产综合区久久久久久久| 欧美激情在线观看视频| 91久久久久久久| 亚洲综合av影视| 51ⅴ精品国产91久久久久久| 国产精品久久久久久久久久久新郎| 国产在线精品播放| 97国产真实伦对白精彩视频8| 亚洲精品影视在线观看| 成人自拍性视频| 91精品一区二区| 久久久国产影院| 国产一区二区三区高清在线观看| 亚洲成人久久网| 成人免费直播live| 欧美老少配视频| 日本亚洲欧洲色| 国产精品女主播视频| 久久视频在线免费观看| 成人免费淫片视频软件| 中文字幕免费精品一区| 日韩在线高清视频| 国产一区二区黄| 久热精品视频在线观看一区| 国模精品视频一区二区| 国产精品第1页| 欧美精品18videos性欧| 欧美区在线播放| 日韩中文字幕视频在线| 最新的欧美黄色| 国产精品久久久久免费a∨大胸| 日本精品久久中文字幕佐佐木| 91精品国产成人www| 久久国产精品影视| 国产精品免费久久久久久| 亚洲欧美精品中文字幕在线| 日韩免费电影在线观看| 精品国产户外野外| 91久久精品国产91久久性色| 国产91久久婷婷一区二区| 一区二区在线免费视频| 亚洲日本中文字幕免费在线不卡| 精品一区二区亚洲| 欧美一区二区三区精品电影| 日韩在线视频线视频免费网站| 亚洲精品福利在线| 狠狠久久亚洲欧美专区| 色先锋久久影院av| 国产精品自拍小视频| 国产精品一区二区三区久久久| 亚洲精品在线看| 日韩精品久久久久久久玫瑰园| 国产999精品久久久影片官网| 成人黄色免费看| 一本色道久久88综合亚洲精品ⅰ| 国产精品视频在线播放| 国产精品福利在线观看| 日本高清视频精品| 久久精彩免费视频| 欧美精品999| 亚洲精品美女在线| 91精品国产色综合久久不卡98口| 久久久久久97| 欧美大奶子在线| 久久影视电视剧凤归四时歌| 国产亚洲精品久久久| 在线观看亚洲视频| 国产福利成人在线| 国产伊人精品在线| 69久久夜色精品国产69乱青草| 欧美精品videossex88| 欧美性猛交xxxx免费看久久久| 久久琪琪电影院| 国产精品∨欧美精品v日韩精品| 国产亚洲免费的视频看| 欧美国产日韩免费|