<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    qileilove

    blog已經(jīng)轉(zhuǎn)移至github,大家請(qǐng)?jiān)L問 http://qaseven.github.io/

    HTML 表格

    你可以使用 HTML 創(chuàng)建表格。

    實(shí)例

    表格
    這個(gè)例子演示如何在 HTML 文檔中創(chuàng)建表格。
    表格邊框
    本例演示各種類型的表格邊框。

    可以在本頁底端找到更多實(shí)例。)

    表格

    表格由 <table> 標(biāo)簽來定義。每個(gè)表格均有若干行(由 <tr> 標(biāo)簽定義),每行被分割為若干單元格(由 <td> 標(biāo)簽定義)。字母 td 指表格數(shù)據(jù)(table data),即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

    <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

    在瀏覽器顯示如下:

    row 1, cell 1row 1, cell 2
    row 2, cell 1row 2, cell 2

    表格和邊框?qū)傩?/h2>

    如果不定義邊框?qū)傩裕砀駥⒉伙@示邊框。有時(shí)這很有用,但是大多數(shù)時(shí)候,我們希望顯示邊框。

    使用邊框?qū)傩詠盹@示一個(gè)帶有邊框的表格:

    <table border="1"> <tr> <td>Row 1, cell 1</td> <td>Row 1, cell 2</td> </tr> </table>

    表格的表頭

    表格的表頭使用 <th> 標(biāo)簽進(jìn)行定義。

    大多數(shù)瀏覽器會(huì)把表頭顯示為粗體居中的文本:

    <table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

    在瀏覽器顯示如下:

    HeadingAnother Heading
    row 1, cell 1row 1, cell 2
    row 2, cell 1row 2, cell 2

    表格中的空單元格

    在一些瀏覽器中,沒有內(nèi)容的表格單元顯示得不太好。如果某個(gè)單元格是空的(沒有內(nèi)容),瀏覽器可能無法顯示出這個(gè)單元格的邊框。

    <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td></td> <td>row 2, cell 2</td> </tr> </table>

    瀏覽器可能會(huì)這樣顯示:

    表格中的空單元格

    注意:這個(gè)空的單元格的邊框沒有被顯示出來。為了避免這種情況,在空單元格中添加一個(gè)空格占位符,就可以將邊框顯示出來。

    <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>&nbsp;</td> <td>row 2, cell 2</td> </tr> </table>

    在瀏覽器中顯示如下:

    row 1, cell 1row 1, cell 2
     row 2, cell 2

    更多實(shí)例

    沒有邊框的表格
    本例演示一個(gè)沒有邊框的表格。
    表格中的表頭(Heading)
    本例演示如何顯示表格表頭。
    空單元格
    本例展示如何使用 "&nbsp;" 處理沒有內(nèi)容的單元格。
    帶有標(biāo)題的表格
    本例演示一個(gè)帶標(biāo)題 (caption) 的表格
    跨行或跨列的表格單元格
    本例演示如何定義跨行或跨列的表格單元格。
    表格內(nèi)的標(biāo)簽
    本例演示如何顯示在不同的元素內(nèi)顯示元素。
    單元格邊距(Cell padding)
    本例演示如何使用 Cell padding 來創(chuàng)建單元格內(nèi)容與其邊框之間的空白。
    單元格間距(Cell spacing)
    本例演示如何使用 Cell spacing 增加單元格之間的距離。
    向表格添加背景顏色或背景圖像
    本例演示如何向表格添加背景。
    向表格單元添加背景顏色或者背景圖像
    本例演示如何向一個(gè)或者更多表格單元添加背景。
    在表格單元中排列內(nèi)容
    本例演示如何使用 "align" 屬性排列單元格內(nèi)容,以便創(chuàng)建一個(gè)美觀的表格。
    框架(frame)屬性
    本例演示如何使用 "frame" 屬性來控制圍繞表格的邊框。

    表格標(biāo)簽

    表格描述
    <table>定義表格
    <caption>定義表格標(biāo)題。
    <th>定義表格的表頭。
    <tr>定義表格的行。
    <td>定義表格單元。
    <thead>定義表格的頁眉。
    <tbody>定義表格的主體。
    <tfoot>定義表格的頁腳。
    <col>定義用于表格列的屬性。
    <colgroup>定義表格列的組。

    posted on 2014-04-17 14:08 順其自然EVO 閱讀(129) 評(píng)論(0)  編輯  收藏


    只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


    網(wǎng)站導(dǎo)航:
     
    <2025年5月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    導(dǎo)航

    統(tǒng)計(jì)

    常用鏈接

    留言簿(55)

    隨筆分類

    隨筆檔案

    文章分類

    文章檔案

    搜索

    最新評(píng)論

    閱讀排行榜

    評(píng)論排行榜

    主站蜘蛛池模板: 亚洲日本一区二区三区在线| 成年人视频免费在线观看| 免费观看四虎精品成人| 久久无码av亚洲精品色午夜| 一本色道久久88—综合亚洲精品| 亚洲三级视频在线观看| 亚洲一区中文字幕| 亚洲人成77777在线观看网| 亚洲xxxx视频| 亚洲国产成人久久一区二区三区 | 97在线观免费视频观看 | 亚洲综合精品第一页| 精品亚洲国产成人| 亚洲人成色在线观看| 亚洲国产成人精品无码区二本 | 99人中文字幕亚洲区| 亚洲午夜久久影院| 亚洲麻豆精品果冻传媒| 亚洲av无码一区二区三区观看| 精品亚洲AV无码一区二区三区| 亚洲人成色777777老人头| 国产AV无码专区亚洲AV蜜芽| 特级aa**毛片免费观看| 在线免费视频你懂的| 久久免费动漫品精老司机| 2021在线永久免费视频| 最近免费中文字幕视频高清在线看| 免费高清在线影片一区| 又黄又大又爽免费视频| 自拍偷自拍亚洲精品第1页| 亚洲AV第一页国产精品| 亚洲国产av美女网站| 亚洲av中文无码乱人伦在线观看| 一级白嫩美女毛片免费| 久久青草精品38国产免费| 免费中文熟妇在线影片| 一本久久综合亚洲鲁鲁五月天| 亚洲中文字幕无码中文字在线| 99久久精品国产亚洲| 亚洲国产成人久久精品大牛影视| 一区二区三区免费看|