(例)colタグの使用方法
See the Pen
colgroup by linlin (@linlin098765)
on CodePen.
<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="html,result" data-user="linlin098765" data-slug-hash="qBdrGjX" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="colgroup">
<span>See the Pen <a href="https://codepen.io/linlin098765/pen/qBdrGjX">
colgroup</a> by linlin (<a href="https://codepen.io/linlin098765">@linlin098765</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
colタグとは?-HTML
colタグとは、tableのカラム(縦列)にまとめてスタイルや属性を指定する際に使用するタグです。colgroupタグと違い、グループ化するものではありません。
colタグはcolgroupタグの子要素に記述します。colタグにspan属性を指定することでスタイル等をカラムにまとめて指定します。
colgroupタグにspan属性を指定している場合にcolタグの使用はできません。