บทช่วยสอน HTML <COLGROUP> แท็ก ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,สนับสนุนเบราว์เซอร์,คำจำกัดความและคำแนะนำการแท็ก,ความแตกต่างระหว่าง HTML 4.01 และ HTML5,คุณสมบัติ,อสังหาริมทรัพย์ทั่วโลก,คุณสมบัติเหตุการณ์,

HTML <COLGROUP> แท็ก

ตัวอย่าง

<COLGROUP> และ <Col> แท็กสำหรับสามคอลัมน์ในตารางที่กำหนดสีพื้นหลัง:

<table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <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>

ลอง»

สนับสนุนเบราว์เซอร์

Internet ExplorerFirefoxOperaGoogle ChromeSafari

สนับสนุนเบราว์เซอร์ที่สำคัญ <COLGROUP> แท็กทั้งหมด


คำจำกัดความและคำแนะนำการแท็ก

<COLGROUP> แท็กถูกนำมาใช้ในรูปแบบคอลัมน์ในการรวมกันเพื่อที่จะจัดรูปแบบ

โดยใช้แท็ก <COLGROUP> คุณสามารถใช้สไตล์การทั้งคอลัมน์แทนที่จะต้องซ้ำสำหรับแต่ละเซลล์ในแต่ละแถวหรือการตั้งค่ารูปแบบ

หมายเหตุ: เฉพาะใน <table> องค์ประกอบของหลังจากที่ใด <คำบรรยายใต้ภาพ> องค์ประกอบที่คนใดคนหนึ่ง <thead>, <tbody> <tfoot> ก่อน <tr> องค์ประกอบที่ใช้ <COLGROUP> แท็ก

เคล็ดลับ: หากคุณต้องการ <COLGROUP> ในคอลัมน์เพื่อกำหนดคุณสมบัติที่แตกต่างกันใช้ภายใน <COLGROUP> แท็ก <Col> แท็ก


ความแตกต่างระหว่าง HTML 4.01 และ HTML5

HTML5 ไม่ได้รับการสนับสนุนในรูปแบบ HTML 4.01 ในส่วนของคุณสมบัติ


คุณสมบัติ

属性 描述
align left
right
center
justify
char
HTML5 不支持。规定在列组合中内容的水平对齐方式。
char character HTML5 不支持。规定根据哪个字符来对齐列组中的内容。
charoff number HTML5 不支持。规定第一个对齐字符的偏移量。
span number 规定列组应该横跨的列数。
valign top
middle
bottom
baseline
HTML5 不支持。定义在列组合中内容的垂直对齐方式。
width pixels
%
relative_length
HTML5 不支持。规定列组合的宽度。


อสังหาริมทรัพย์ทั่วโลก

<COLGROUP> tag สนับสนุน HTML คุณสมบัติทั่วโลก


คุณสมบัติเหตุการณ์

<COLGROUP> tag สนับสนุน คุณสมบัติเหตุการณ์ HTML

HTML <COLGROUP> แท็ก
10/30