首頁技術(shù)文章正文

表格標(biāo)簽的特性,如何在HTML網(wǎng)頁中創(chuàng)建表格

更新時(shí)間:2020-10-28 來源:黑馬程序員 瀏覽量:

通常情況下我們在Word中創(chuàng)建表格,只需插入表格,然后設(shè)定相應(yīng)的行數(shù)和列數(shù)即可。但是在HTML網(wǎng)頁中,所有的元素都是要通過標(biāo)簽定義格式的,要想創(chuàng)建表格,就需要使用表格相關(guān)的標(biāo)簽。使用標(biāo)簽創(chuàng)建表格的基本語法格式如下:

1603855810202_1.png

在上面的語法中包含三對HTML標(biāo)簽,分別為 <table></table>、<tr></tr>、<td></td>  ,它們是創(chuàng)建HTML網(wǎng)頁中表格的基本標(biāo)簽,缺一不可,對這些標(biāo)簽的具體解釋如下:

● <table></table>::用于定義一個(gè)表格的開始與結(jié)束。在<table>標(biāo)簽內(nèi)部,可以放置表格的標(biāo)題、表格行和單元格等。

● <tr></tr>  用于定義表格中的一行,必須嵌套在<table></table>標(biāo)簽中,在<table></table>中包含幾對<tr></tr>,就表示該表格有幾行。

● <td></td>:  用于定義表格中的單元格,必須嵌套在<tr></tr>標(biāo)簽中,一對<tr></tr>中包含幾對<td></td>,就表示該行中有多少列(或多少個(gè)單元格)。

  即使去掉邊框,表格中的內(nèi)容依然整齊有序地排列著。創(chuàng)建表格的基本標(biāo)簽為<table></table>、<tr></tr>、<td></td>,默認(rèn)情況下,表格的邊框?yàn)?,寬度和高度(自適應(yīng))靠表格里的內(nèi)容來支撐。

  注意:

  學(xué)習(xí)表格的核心是學(xué)習(xí)<td></td>標(biāo)簽,它就像一個(gè)容器,可以容納所有的標(biāo)簽,<td></td>中甚至可以嵌套<table></table>表格

。但是<tr></tr>中只能嵌套<td></td>,不可以在<tr></tr>標(biāo)簽中輸入文字。<

猜你喜歡:

jQuery怎樣使用選擇器獲取元素?常用的選擇器列舉

網(wǎng)頁制作一般使用哪些工具?DW使用方法教學(xué)?

使用DW制作網(wǎng)頁,如何初始化代碼

黑馬程序員web前端培訓(xùn)課程 

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!