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

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

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

    qileilove

    blog已經轉移至github,大家請訪問 http://qaseven.github.io/

    HTML 表格

    你可以使用 HTML 創建表格。

    實例

    表格
    這個例子演示如何在 HTML 文檔中創建表格。
    表格邊框
    本例演示各種類型的表格邊框。

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

    表格

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

    <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

    表格和邊框屬性

    如果不定義邊框屬性,表格將不顯示邊框。有時這很有用,但是大多數時候,我們希望顯示邊框。

    使用邊框屬性來顯示一個帶有邊框的表格:

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

    表格的表頭

    表格的表頭使用 <th> 標簽進行定義。

    大多數瀏覽器會把表頭顯示為粗體居中的文本:

    <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

    表格中的空單元格

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

    <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>

    瀏覽器可能會這樣顯示:

    表格中的空單元格

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

    <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

    更多實例

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

    表格標簽

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

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


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    <2025年5月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    導航

    統計

    常用鏈接

    留言簿(55)

    隨筆分類

    隨筆檔案

    文章分類

    文章檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 性感美女视频免费网站午夜| 67pao强力打造高清免费| 国产国产人免费人成免费视频| 亚洲一区二区三区高清不卡| 欧亚精品一区三区免费| 精品亚洲成A人无码成A在线观看 | 亚洲不卡无码av中文字幕| 最新亚洲人成无码网www电影| 国产一级高清免费观看| 人人爽人人爽人人片A免费| 亚洲 自拍 另类小说综合图区 | AAA日本高清在线播放免费观看| 国产成A人亚洲精V品无码性色| 嫩草影院在线播放www免费观看| 亚洲AV人无码激艳猛片| 1000部夫妻午夜免费| 456亚洲人成在线播放网站| 免费看a级黄色片| 一区二区三区在线观看免费| 亚洲人成无码网站| 91热成人精品国产免费| 亚洲无码一区二区三区| 免费吃奶摸下激烈视频| 亚洲中文字幕无码专区| 亚洲男人天堂2017| 国产精品永久免费视频| 激情97综合亚洲色婷婷五 | 久久久久亚洲精品美女| 一个人免费高清在线观看| 黄色三级三级免费看| 亚洲国产精品特色大片观看完整版| 99爱在线精品视频免费观看9| 亚洲精品人成网在线播放影院| 国产猛烈高潮尖叫视频免费 | 久久毛片免费看一区二区三区| 亚洲国产精品久久久久婷婷软件| 毛片A级毛片免费播放| 国产久爱免费精品视频| 亚洲精品国产国语| 久久精品国产亚洲麻豆| 麻豆国产VA免费精品高清在线|