明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

html表格的語法與相關(guān)屬性的說明(附代碼)

[摘要]本篇文章給大家?guī)淼膬?nèi)容是關(guān)于html表格的語法與相關(guān)屬性的介紹(附代碼),有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對你有所幫助。一、語法<table><tr><td></td><td></td></tr>...

本篇文章給大家?guī)淼膬?nèi)容是關(guān)于html表格的語法與相關(guān)屬性的介紹(附代碼),有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對你有所幫助。

一、語法

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

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

二、數(shù)據(jù)表格的相關(guān)屬性
1)width=”表格的寬度”

2)height=”表格的高度”

3)border=”表格的邊框”

4)bordercolor=”邊框色”

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

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

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

8)合并單元格屬性:
合并列: colspan=“所要合并的單元格的列數(shù)”
合并行: rowspan=“所要合并單元格的行數(shù)”
colspan=“所要合并的單元格的列數(shù)”;
rowspan=“所要合并單元格的行數(shù)”

例子:

……<table width="200" border="1">
  <tr>
    <td colspan="3">學(xué)生成績</td>
  </tr>
  <tr>
    <td rowspan="2">張三</td>
    <td>語文</td>
    <td>98</td>
  </tr>
  <tr>
    <td>數(shù)學(xué)</td>
    <td>95</td>
  </tr>
  ....代碼同上兩行....</table>……

相關(guān)推薦:

HTML表格元素

HTML表格與列表_html/css_WEB-ITnose

以上就是html表格的語法與相關(guān)屬性的介紹(附代碼)的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。