首頁 >web前端 >html教學 >html表格的語法與相關屬性的介紹(附程式碼)

html表格的語法與相關屬性的介紹(附程式碼)

不言
不言原創
2018-08-18 16:23:462231瀏覽

這篇文章帶給大家的內容是關於html表格的語法與相關屬性的介紹(附程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

一、語法

<table>
    <tr>
        <td></td>
        <td></td>
    </tr></table>

註:一對tr表示一行;一對td表示一列(一個單元格)

二、資料表格的相關屬性
1)width=”表格的寬度”

2)height=”表格的高度”

3)border=”表格的邊框”

4) bordercolor=”邊框色”

5)cellspacing=”單元格與單元格之間的間距”

6)cellpadding=”單元格與內容之間的空隙”

7)align=”表格對齊方式”  取值:left、right、center、
valign=”垂直對齊” top\bottom\middle\

8)合併單元格屬性:
 合併列: colspan=「所要合併的儲存格的列數」
合併行: rowspan=「所要合併儲存格的行數」
colspan=「所要合併的儲存格的列數」;
rowspan=「所要合併儲存格的行數」

範例:

……<table width="200" border="1">
  <tr>
    <td colspan="3">学生成绩</td>
  </tr>
  <tr>
    <td rowspan="2">张三</td>
    <td>语文</td>
    <td>98</td>
  </tr>
  <tr>
    <td>数学</td>
    <td>95</td>
  </tr>
  ....代码同上两行....</table>……

相關建議:

HTML表單元素

HTML表格與清單_html/css_WEB-ITnose

以上是html表格的語法與相關屬性的介紹(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn