HTML中col標(biāo)簽里的用法

今天就跟大家聊聊有關(guān)HTML中col標(biāo)簽里的用法，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)公司秉承實(shí)現(xiàn)全網(wǎng)價(jià)值營(yíng)銷(xiāo)的理念，以專(zhuān)業(yè)定制企業(yè)官網(wǎng)，網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)，微信小程序開(kāi)發(fā)，網(wǎng)頁(yè)設(shè)計(jì)制作，手機(jī)網(wǎng)站制作，全網(wǎng)營(yíng)銷(xiāo)推廣幫助傳統(tǒng)企業(yè)實(shí)現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級(jí)專(zhuān)業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理，匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對(duì)客戶(hù)都以感恩的心態(tài)奉獻(xiàn)自己的專(zhuān)業(yè)和所長(zhǎng)。

首先我們先來(lái)看下HTML中col標(biāo)簽的含義：

<col> 標(biāo)簽為表格中一個(gè)或多個(gè)列定義屬性值。

如需對(duì)全部列應(yīng)用樣式，<col> 標(biāo)簽很有用，這樣就不需要對(duì)各個(gè)單元和各行重復(fù)應(yīng)用樣式了。

您只能在 table 或 colgroup 元素中使用 <col> 標(biāo)簽。

提示：col 元素是僅包含屬性的空元素。如需創(chuàng)建列，您就必須在 tr 元素內(nèi)部規(guī)定 td 元素。

提示：如果您希望在 colgroup 內(nèi)部為每個(gè)列規(guī)定不同的屬性值時(shí)，請(qǐng)使用此元素。如果沒(méi)有 col 元素，列會(huì)從 colgroup 那里繼承所有的屬性值。

這有一個(gè)關(guān)于HTML col標(biāo)簽的漢字居中實(shí)例：

<html>
<body>
<table border="2">
<col span="2" style="color:red">
<col style="color:blue">
<col align="left">
<tr>
<td>紅色</td>
<td>紅色</td>
<td>藍(lán)色</td>
</tr>
<tr>
<td>紅色</td>
<td>紅色</td>
<td>藍(lán)色</td>
</tr>
</table>
</body>
</html>

效果如圖

HTML中col標(biāo)簽里的用法

這樣就可以給每一列設(shè)置樣式，而不用在每個(gè)td里面設(shè)置。

第一二兩列是紅的。第三列是藍(lán)的。但是它們都是居中的，格式太小了，有點(diǎn)看不出來(lái)。不過(guò)知道了就行了

再看一個(gè)關(guān)于HTML中col標(biāo)簽的例子：

col 元素為表格中的三個(gè)列規(guī)定了不同的對(duì)齊方式：

<table width="100%" border="1">
  <col align="left" />
  <col align="left" />
  <col align="right" />
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

上面代碼的效果如圖：

HTML中col標(biāo)簽里的用法

看完上述內(nèi)容，你們對(duì)HTML中col標(biāo)簽里的用法有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

分享名稱(chēng)：HTML中col標(biāo)簽里的用法
文章路徑：http://muchs.cn/article32/piodsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、做網(wǎng)站、App設(shè)計(jì)、服務(wù)器托管、建站公司

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

猜你還喜歡下面的內(nèi)容