這篇文章主要為大家展示了html中table表格的簡(jiǎn)介，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來(lái)研究并學(xué)習(xí)一下“html中table表格的簡(jiǎn)介”這篇文章吧。

10年積累的網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有勐臘免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

html有什么特點(diǎn)

1、簡(jiǎn)易性：超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便，適合初學(xué)前端開(kāi)發(fā)者使用。 2、可擴(kuò)展性：超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。  3、平臺(tái)無(wú)關(guān)性：超級(jí)文本標(biāo)記語(yǔ)言能夠在廣泛的平臺(tái)上使用，這也是萬(wàn)維網(wǎng)盛行的一個(gè)原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語(yǔ)言，它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。

什么是表格？表格是由行和列排列而成的一種結(jié)構(gòu)，按照行和列呈現(xiàn)數(shù)據(jù)，從而進(jìn)行頁(yè)面布局。這種布局方式已經(jīng)過(guò)時(shí)。建議使用p+css實(shí)現(xiàn)頁(yè)面布局。

如何創(chuàng)建HTML表格：HTML表格由table標(biāo)簽、caption標(biāo)簽以及一個(gè)或多個(gè)tr、th或td標(biāo)簽組成：

1、table標(biāo)簽用來(lái)定義表格，整個(gè)表格包含在<table>和</table>標(biāo)簽中；

2、caption標(biāo)簽定義表格標(biāo)題；

3、tr標(biāo)簽用來(lái)定義表格中一個(gè)行，它是單元格的容器，每行可以包含有多個(gè)單元格，由<tr>和</tr>標(biāo)簽表示；

4、td標(biāo)簽和th標(biāo)簽用來(lái)定義單元格，所有單元格都在tr標(biāo)簽內(nèi)，每個(gè)單元格由一對(duì)<td>和</td>標(biāo)簽或一對(duì)<th>和</th>標(biāo)簽表示，具體的表格內(nèi)容放置在這一對(duì)td標(biāo)簽或th標(biāo)簽之中，其語(yǔ)法如下：

<table>
	<caption>表格標(biāo)題</caption>
    <tr>
        <th>1行1列的內(nèi)容</th>
        <th>1行2列的內(nèi)容</th>
        …
    </tr>
    <tr>
        <td>2行1列的內(nèi)容</td>
        <td>2行2列的內(nèi)容</td>
        …
    </tr>
    …
</table>

注：th和td的不同：th默認(rèn)是以粗體和居中的方式呈現(xiàn)于單元格。

table的一些常用標(biāo)簽屬性

1、border標(biāo)簽屬性：設(shè)定表格邊框的寬度（單位：px）；border屬性會(huì)為每個(gè)單元格添加邊框，并用邊框圍繞表格；如果 border 屬性的值發(fā)生改變，那么只有表格周?chē)吙虻某叽鐣?huì)發(fā)生變化，表格內(nèi)部的邊框則是1像素寬；建議使用border樣式屬性設(shè)置邊框，不要使用border標(biāo)簽屬性設(shè)置邊框，

2、width標(biāo)簽屬性：設(shè)定表格的寬度，建議使用width樣式屬性設(shè)置表格寬度，不要使用width標(biāo)簽屬性設(shè)置，該標(biāo)簽屬性有多個(gè)值：

值 描述 pixels 設(shè)置以像素計(jì)的寬度（例子：width="50"）。 % 設(shè)置以包含元素的百分比計(jì)的寬度（例子：width="50%"）。

3、align標(biāo)簽屬性：指定表格相對(duì)于周?chē)鷺?biāo)簽的對(duì)齊方式，建議使用float樣式屬性實(shí)現(xiàn)該效果，該標(biāo)簽屬性有多個(gè)值：

值 描述 left 左對(duì)齊表格。 right 右對(duì)齊表格。 center 居中對(duì)齊表格。

4、bgcolor標(biāo)簽屬性：指定表格背景顏色，建議使用background-color樣式屬性實(shí)現(xiàn)該效果，該標(biāo)簽屬性有多個(gè)值：

值 描述 color_name 規(guī)定顏色值為顏色名稱的背景顏色（比如 "red"）。 hex_number 規(guī)定顏色值為十六進(jìn)制值的背景顏色（比如 "#ff0000"）。 rgb_number 規(guī)定顏色值為 rgb 代碼的背景顏色（比如 "rgb(255,0,0)"）。

5、cellpadding標(biāo)簽屬性：設(shè)定單元格邊界與單元格內(nèi)容之間的間距（單位：px），建議使用padding樣式屬性實(shí)現(xiàn)對(duì)其效果

6、cellspacing標(biāo)簽屬性：指定單元格之間的間距（單位：px）

以上列出了table標(biāo)簽常用的標(biāo)簽屬性，除此之外table標(biāo)簽還有frame、rules和summary三個(gè)標(biāo)簽屬性，但因?yàn)閒rame和rules在Internet Explorer瀏覽器中不支持此屬性，而summary標(biāo)簽屬性不會(huì)再瀏覽器中產(chǎn)生任何視覺(jué)效果，所以這三個(gè)標(biāo)簽屬性忽略不講。

tr標(biāo)簽屬性

1、align標(biāo)簽屬性：設(shè)置表格行中單元格內(nèi)容的水平對(duì)齊方式，該標(biāo)簽屬性有多個(gè)值：

left 左對(duì)齊內(nèi)容（默認(rèn)值）。 right 右對(duì)齊內(nèi)容。 center 居中對(duì)齊內(nèi)容。 justify 對(duì)行進(jìn)行伸展，這樣每行都可以有相等的長(zhǎng)度（就像在報(bào)紙和雜志中）。 char 將內(nèi)容對(duì)準(zhǔn)指定字符。注：瀏覽器不支持該標(biāo)簽屬性值

2、bgcolor標(biāo)簽屬性：設(shè)定表格行的背景顏色，建議使用background-color樣式屬性實(shí)現(xiàn)該效果，該標(biāo)簽屬性有多個(gè)值：

值 描述 color_name 規(guī)定顏色值為顏色名稱的背景顏色（比如 "red"）。 hex_number 規(guī)定顏色值為十六進(jìn)制值的背景顏色（比如 "#ff0000"）。 rgb_number 規(guī)定顏色值為 rgb 代碼的背景顏色（比如 "rgb(255,0,0)"）。

3、valign標(biāo)簽屬性：設(shè)置表格行中單元格內(nèi)容的垂直對(duì)齊方式，該標(biāo)簽屬性有多個(gè)值：

值 描述 top 對(duì)內(nèi)容進(jìn)行上對(duì)齊。 middle 對(duì)內(nèi)容進(jìn)行居中對(duì)齊（默認(rèn)值）。 bottom 對(duì)內(nèi)容進(jìn)行下對(duì)齊。 baseline 與基線對(duì)齊。

th和td標(biāo)簽屬性

1、align標(biāo)簽屬性：設(shè)置單元格內(nèi)容的水平對(duì)齊方式，該標(biāo)簽屬性有多個(gè)值：

值 描述 left 左對(duì)齊內(nèi)容（td標(biāo)簽?zāi)J(rèn)值）。 right 右對(duì)齊內(nèi)容。 center 居中對(duì)齊內(nèi)容（th標(biāo)簽?zāi)J(rèn)值）。 justify 對(duì)行進(jìn)行伸展，這樣每行都可以有相等的長(zhǎng)度（就像在報(bào)紙和雜志中）。 char 將內(nèi)容對(duì)準(zhǔn)指定字符。注：瀏覽器不支持該標(biāo)簽屬性值

2、bgcolor標(biāo)簽屬性：設(shè)定單元格背景顏色，建議使用background-color樣式屬性實(shí)現(xiàn)該效果，該標(biāo)簽屬性有多個(gè)值：

值 描述 color_name 規(guī)定顏色值為顏色名稱的背景顏色（比如 "red"）。 hex_number 規(guī)定顏色值為十六進(jìn)制值的背景顏色（比如 "#ff0000"）。 rgb_number 規(guī)定顏色值為 rgb 代碼的背景顏色（比如 "rgb(255,0,0)"）。

3、valign標(biāo)簽屬性：設(shè)置單元格內(nèi)容的垂直對(duì)齊方式，該標(biāo)簽屬性有多個(gè)值：

top 對(duì)內(nèi)容進(jìn)行上對(duì)齊。 middle 對(duì)內(nèi)容進(jìn)行居中對(duì)齊（默認(rèn)值）。 bottom 對(duì)內(nèi)容進(jìn)行下對(duì)齊。 baseline 與基線對(duì)齊。

4、width標(biāo)簽屬性與height標(biāo)簽屬性：設(shè)定單元格的寬度和高度，建議使用width樣式屬性和height樣式屬性設(shè)置單元格寬度和高度，不要使用width標(biāo)簽屬性和height標(biāo)簽屬性設(shè)置，該標(biāo)簽屬性有多個(gè)值：

值 描述 pixels 以像素計(jì)的寬度或高度值（比如 "100px"）。 percent 以包含元素百分比計(jì)的寬度或高度值（比如 "20%"）。

5、nowrap標(biāo)簽屬性：設(shè)定單元格的內(nèi)容是否換行

6、colspan標(biāo)簽屬性和rowspan標(biāo)簽屬性：分別設(shè)定單元格橫跨的列數(shù)和橫跨的行數(shù)

以上就是關(guān)于“html中table表格的簡(jiǎn)介”的內(nèi)容，如果改文章對(duì)你有所幫助并覺(jué)得寫(xiě)得不錯(cuò)，勞請(qǐng)分享給你的好友一起學(xué)習(xí)新知識(shí)，若想了解更多相關(guān)知識(shí)內(nèi)容，請(qǐng)多多關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站欄目：html中table表格的簡(jiǎn)介-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://aaarwkj.com/article8/dgddip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、小程序開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)公司、微信公眾號(hào)、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)