歡迎關注支持,謝謝!本篇將介紹的是html中<col>標籤的用法,有興趣的朋友可以學習一下!
在網頁中,表格是經常用到的,接下來介紹的這個標籤就和表格有關係,即<col>標籤。該標籤在表格中起到很重要的作用,我們一起來看看吧!
「col」是「column」英文單詞的縮寫,有「列」的意思,那「col」在html中作為標籤又有什麼功能呢?我們一起來看看吧!
一、<col>標籤定義及用法
在html中,<col>標籤是使用來為表格中一個或多個列定義屬性值,通過該標籤可以同時給整個列應用樣式,不需要重複為每個單元格或每一行設置樣式,可以節約很多代碼。
<col>標籤只能在<table >標籤或<colgroup >標籤中使用來為表格中一個或多個列定義屬性值 。
二、<col>標籤語法格式
<col 屬性1="屬性值1" 屬性2="屬性值2" ……>
說明:
在html中,<col>標籤是單標籤,可以沒有結束標籤;在xhtml中,<col>標籤必須使用「/」關閉,如:<col span = "2"/>三、實例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中col標籤的詳細介紹</title></head><body bgcolor="burlywood"><table border="1" width="300px"><colgroup><col span="2" style="background-color:red"> <!--前兩列--><col style="background-color:palevioletred"> <!--第三列--></colgroup><tr><th>1-1</th><th>1-2</th><th>1-3</th></tr><tr><td>2-1</td><td>2-2</td><td>2-3</td></tr><tr><td>3-1</td><td>3-2</td><td>3-3</td></tr></table></body></html>
運行結果:
好了,關於html中<col>標籤的介紹就結束了,希望對大家有幫助!