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

明輝手游網(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制作表格的辦法 
主站蜘蛛池模板： 日韩高清在线日韩大片观看网址 | 青青草国产精品人人爱99 | 欧美在线观看第一页 | 亚洲 国产精品 日韩 | 青草伊人久久 | 日韩经典欧美一区二区三区 | 亚洲成av人片在线观看 | 亚洲国产2017男人a天堂 | 日韩亚洲欧美在线 | 午夜高清 | 亚洲不卡在线播放 | 深爱五月激情五月 | 网友自拍第一页 | 亚洲成人日韩 | 日韩一级片在线免费观看 | 天堂在线观看中文字幕 | 青青精品| 中文天堂在线最新版在线www | 四虎免费永久观看 | 日韩亚洲欧美综合 | 午夜专区 | 亚洲国产91在线 | 色好吊 | 中文字幕第一页在线 | 亚洲成a人片77777老司机 | 午夜影视在线观看 | 欧洲精品视频完整版在线 | 日韩福利在线观看 | 欧洲一级毛片 | 亚洲高清国产品国语在线观看 | 亚洲精品中文字幕无乱码 | 最近免费的中文字幕一 | 欧美视频精品在线观看 | 日本在线高清视频 | 欧美一级特黄aaaaaa在线看首页 | 日本一区二区三区视频在线 | 污视频在线观看视频 | 香蕉视频w | 四虎永久免费影院 | 亚洲精品在线免费 | 日产一区二区三区 |