HTML表格用 table 表示。一個表格可以分成很多行(row),用 tr 表示;每行又可以分成很多單元格(cell),用 td 表示。
這三個Tag是創建表格最常用的Tag。
html body 表格所用到的Tag:整個表格開始要用table;每一行開始要用tr;每一單元格開始要用td。 h4 只有一行(Row)一列(Column)的表格 /h4 table border= 1 td 100 /td /tr /table h4 一行三列的表格 /h4 table border= 1 td 100 /td td 200 /td td 300 /td /tr /table h4 兩行三列的表格 /h4 table border= 1 td 100 /td td 200 /td td 300 /td /tr td 400 /td td 500 /td td 600 /td /tr /table /body /html
border屬性
在缺省情況下,如果不設置表格的邊界,表格是不顯示邊界的。
html body h4 缺省情況下,表格沒有邊界。 /h4 table td 100 /td td 200 /td td 300 /td /tr td 400 /td td 500 /td td 600 /td /tr /table h4 表格Border設為0,也不顯示邊界: /h4 table border= 0 td 100 /td td 200 /td td 300 /td /tr td 400 /td td 500 /td td 600 /td /tr /table /body /html
要顯示表格的邊界,可使用border這個屬性。
html body h4 表格的邊界值設為1: /h4 table border= 1 td 第一 /td td 行 /td /tr td 第二 /td td 行 /td /tr /table h4 表格的邊界值設為8,邊界更粗: /h4 table border= 8 td 第一 /td td 行 /td /tr td 第二 /td td 行 /td /tr /table h4 表格的邊界值設為15,邊界更粗: /h4 table border= 15 td 第一 /td td 行 /td /tr td 第二 /td td 行 /td /tr /table /body /html
表格的表頭
用 th 來表示表格的表頭,表頭的字是粗體顯示的。
html body h4 有表頭的表格: /h4 table border= 1 th 姓名 /th th 電話 /th th 傳真 /th /tr td Bill Gates /td td 555 77 854 /td td 555 77 855 /td /tr /table h4 豎直方向的表頭: /h4 table border= 1 th 姓名 /th td Bill Gates /td /tr th 電話 /th td 555 77 854 /td /tr th 傳真 /th td 555 77 855 /td /tr /table /body /html
空的單元格
如果表格的單元格 td /td 之間沒有內容,那么這個單元格的邊界是不會被顯示出來的,盡管整個表格已設置邊界值。要顯示這個單元格的邊界,可以插入一個 nbsp;空格符。
html body table border= 1 td Some text /td td Some text /td /tr td /td td Some text /td /tr /table p 上面的表格中,有一個單元格里是沒有任何內容的,這個空的單元格沒有顯示邊界,雖然整個表格設了邊界值。 /p table border= 1 td Some text /td td Some text /td /tr td nbsp; /td td Some text /td /tr /table 上面的例子,你可以看到,給這個單元格加上一個空格符號之后,單元格的邊界就顯示出來了。 /p p 注意:空格符要用 bsp;表示。 nbsp;是一個HTML特別字符,參見HTML特別字符(HTML Character Entities)。 /body /html
更多示例
html body 這個表格有標題: /h4 table border= 6 caption 表格標題 /caption td 100 /td td 200 /td td 300 /td /tr td 400 /td td 500 /td td 600 /td /tr /table /body /html
這個示例演示如何用 caption 在一個表格上加上標題。
html body table border= 1 p 這是一段 /p p 這是另外一段。 /p /td td 這個單元格里包含了一個表格: table border= 1 td A /td td B /td /tr td C /td td D /td /tr /table /td /tr td 這個單元格里包含了一個圖片: img src = ../images/html_tutorials/mail.gif /td td HELLO /td /tr /table /body /html
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答