最新文章專(zhuān)題視頻專(zhuān)題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專(zhuān)題1關(guān)鍵字專(zhuān)題50關(guān)鍵字專(zhuān)題500關(guān)鍵字專(zhuān)題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專(zhuān)題關(guān)鍵字專(zhuān)題tag2tag3文章專(zhuān)題文章專(zhuān)題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專(zhuān)題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

HTML中表格標(biāo)簽<table>的介紹(附代碼)

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 15:24:37
文檔

HTML中表格標(biāo)簽<table>的介紹(附代碼)

HTML中表格標(biāo)簽<table>的介紹(附代碼):這篇文章給大家介紹的內(nèi)容是關(guān)于HTML中表格標(biāo)簽<table>的介紹(附代碼),有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。表格表格由 <table> 標(biāo)簽來(lái)定義。每個(gè)表格均有若干行(由 <tr> 標(biāo)簽定義),每行被分割為若
推薦度:
導(dǎo)讀HTML中表格標(biāo)簽<table>的介紹(附代碼):這篇文章給大家介紹的內(nèi)容是關(guān)于HTML中表格標(biāo)簽<table>的介紹(附代碼),有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。表格表格由 <table> 標(biāo)簽來(lái)定義。每個(gè)表格均有若干行(由 <tr> 標(biāo)簽定義),每行被分割為若
這篇文章給大家介紹的內(nèi)容是關(guān)于HTML中表格標(biāo)簽<table>的介紹(附代碼),有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。

表格

表格由 <table> 標(biāo)簽來(lái)定義。

每個(gè)表格均有若干行(由 <tr> 標(biāo)簽定義),每行被分割為若干單元格(由 <td> 標(biāo)簽定義)。

字母 td 指表格數(shù)據(jù)(table data),即數(shù)據(jù)單元格的內(nèi)容。

數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線(xiàn)、表格等等。

例如,要畫(huà)出如下表格:

分析: 1.分析行,每行是一個(gè)tr標(biāo)簽

    2.從第一行開(kāi)始,看每行有幾個(gè)單元格,幾個(gè)單元格就是幾個(gè)td標(biāo)簽

    3.如果是占用空間為1行1列,省略行數(shù),直接為<td></td>。

上圖的代碼如下

<body>
 <table width="400" height="400" border="2">
 <!-- 第1行 -->
 <tr>
 <td colspan="4" bgcolor="aqua"></td>
 </tr>
 <!-- 第2行 -->
 <tr>
 <td rowspan="4" bgcolor="antiquewhite"></td>
 <td colspan="3" bgcolor="antiquewhite"></td>
 </tr>
 <!-- 第3行 -->
 <tr>
 <td rowspan="3" bgcolor="aquamarine"></td>
 <td colspan="2" bgcolor="aquamarine"></td>
 </tr>
 <!-- 第4行 -->
 <tr>
 <td rowspan="2" bgcolor="bisque"></td>
 <td bgcolor="bisque"></td>
 </tr>
 <!-- 第5行 -->
 <tr>
 <td></td>
 </tr>
 </table>
 </body>

相關(guān)文章推薦:

html給定標(biāo)簽選項(xiàng)并添加標(biāo)簽(附代碼)

彈性布局是什么?彈性布局flex的基本應(yīng)用(附代碼)

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

HTML中表格標(biāo)簽<table>的介紹(附代碼)

HTML中表格標(biāo)簽<table>的介紹(附代碼):這篇文章給大家介紹的內(nèi)容是關(guān)于HTML中表格標(biāo)簽<table>的介紹(附代碼),有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。表格表格由 <table> 標(biāo)簽來(lái)定義。每個(gè)表格均有若干行(由 <tr> 標(biāo)簽定義),每行被分割為若
推薦度:
標(biāo)簽: 標(biāo)簽 表格 介紹
  • 熱門(mén)焦點(diǎn)

最新推薦

猜你喜歡

熱門(mén)推薦

專(zhuān)題
Top