六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

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

HTML制作表格的方法

發(fā)表時間：2023-09-08 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]在html中繪制表格使用table標(biāo)簽，tr表示行，td表示列,下面通過代碼實例給大家介紹HTML表格的相關(guān)知識，感興趣的朋友一起看看吧在html中繪制表格使用table標(biāo)簽?tr表示行?td表示列?th表示表頭，表頭通常用于列名字。下面是一個列子。<html><head>...
在html中繪制表格使用table標(biāo)簽，tr表示行，td表示列,下面通過代碼實例給大家介紹HTML表格的相關(guān)知識，感興趣的朋友一起看看吧

在html中繪制表格使用table標(biāo)簽

  • ?tr表示行

  • ?td表示列

  • ?th表示表頭，表頭通常用于列名字。

下面是一個列子。

<html>
    <head>
        <title>Table in html</title>
    </head>
    <body>
        <p>水平表頭</p>
        <table border="1">
         <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Gender</th>
         </tr>
         <tr>
            <td>zdd</td>
            <td>30</td>
            <td>male</td>
         </tr>
         </table>
         <p>垂直表頭</p>
         <table border="1">
         <tr>
            <th>Name</th>
            <td>autumn</td>
         </tr>
         <tr>
            <th>Age</th>
            <td>30</td>
         </tr>
         <tr>
            <th>Gender</th>
            <td>famale</td>
         </tr>
        </table>
    </body>
</html>

效果圖

水平表頭

Name

Age

Gender

zdd

30

male

垂直表頭

Name

autumn

Age

30

Gender

famale

無邊框表格

如果在定義表格時，沒有指定border屬性，那么表格就沒有邊框

<table>
    <tr><td>zdd</td><td>30</td></tr>
    <tr><td>ddz</td><td>27</td></tr>
</table>

效果圖

zdd

30

ddz

27

空單元格

如果沒有為單元格指定內(nèi)容，那么單元格將是空的，且沒有邊框，如下，這樣很不美觀。

zdd

30

27

如果解決呢？方法是給空的單元格加上空格，由于html忽略多余的空格，所以我們不能直接加空格，而要加 &nbsp; nbsp表示空格。

<table border="1">
    <tr><td>zdd</td><td>30</td></tr>
    <tr><td>&nbsp;</td>20</tr>
</table>

效果圖

zdd

30

20

帶標(biāo)題的表格

使用caption屬性，但是好像標(biāo)題中不能有空格，否則顯示的時候會換行！

<table border="1">
<caption>我的表格</caption>
    <tr><td>zdd</td><td>30</td></tr>
    <tr><td>&nbsp;</td><td>20</td></tr>
</table>

我的表格

zdd

30

20

跨行或者跨列的表格

用colspan跨行

<table border="1">
<tr><th>姓名</th><th colspan="2">電話</th></tr>
<tr><td>Bill Gates</td><td>555 77 854</td><td>555 77 855</td></tr>
</table>

姓名

電話

Bill Gates

555 77 854

555 77 855

用rowspan跨列

<table border="1">
<tr><th>姓名</th><td>Bill Gates</td></tr>
<tr><th rowspan="2">電話</th><td>555 77 854</td></tr>
<tr><td>555 77 855</td></tr>
</table>

嵌套的表格

table標(biāo)簽是可以嵌套的，也就是說在tr或者td標(biāo)簽中加入table標(biāo)簽即可創(chuàng)建表格中的表格。

總結(jié)：以上就是本篇文的全部內(nèi)容，希望能對大家的學(xué)習(xí)有所幫助。

相關(guān)推薦：

前端html表格生成excel表格實例

html表格知識總結(jié)

重新發(fā)現(xiàn)HTML表格

以上就是HTML制作表格的方法的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


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




標(biāo)簽：HTML制作表格的辦法 
主站蜘蛛池模板： 日本美女视频韩国视频网站免费 | 最近的2019中文字幕免费一页 | 日韩免费在线视频观看 | 日韩高清一级毛片 | 中文字幕在线精品视频入口一区 | 天天干天天操天天玩 | 青草视频青年娱乐 | 午夜视频在线观看网站 | 色综合天天综一个色天天综合网 | 青青草影院在线观看 | 天天做天天爰夜夜爽 | 亚洲欧美中文日韩v在线观看 | 天天久久综合 | 五月天激情婷婷大综合 | 亚洲 欧美 综合 | 日本一本高清 | 我的秘密饭店 电视剧免费观看 | 日韩在线第三页 | 香蕉久草 | 亚洲伊人久久大香线蕉综合图片 | 伊人五月在线 | 亚洲国产成人久久午夜 | 欧美性黑人极品hd网站 | 中文字幕在线欧美 | 夜色福利久久久久久777777 | 青青在线视频免费看观看 | 午夜免费观看_视频在线观看 | 四虎永久在线精品国产馆v视影院 | 日韩成人在线视频 | 伊人精品视频在线观看 | 午夜性刺激免费视频观看不卡专区 | 天天干天天弄 | 日本欧美在线视频 | 天天射天天色天天干 | 色花堂国产精品首页第一页 | 天干天干天啪啪夜爽爽色 | 天堂网www中文在线资源 | 色视频免费网站 | 四虎影视免费看 | 天堂网在线最新版官网 | 中文在线免费视频 |