HTML
HTMLのcolタグは、各列の列プロパティを設定するために使用されます。これらの列は、
以下は属性です-
- スパン ：
要素がまたがる列の数
ここで、HTMLでcolタグを実装する例を見てみましょう-
例
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 2px solid black;
}
</style>
</head>
<body>
<h2>ICC Rankings</h2>
<table>
<colgroup>
<col span="2" style="background-color:magento;">
<col style="background-color:blue;">
</colgroup>
<tr>
<th>Player</th>
<th>Country</th>
<th>Rank</th>
</tr>
<tr>
<td>Jack</td>
<td>WI</td>
<td>1</td>
</tr>
<tr>
<td>Tom</td>
<td>AUS</td>
<td>2</td>
</tr>
<tr>
<td>Virat</td>
<td>IND</td>
<td>3</td>
</tr>
<tr>
<td>Steve</td>
<td>AUS</td>
<td>4</td>
</tr>
<tr>
<td>Kane</td>
<td>NZ</td>
<td>5</td>
</tr>
<tr>
<td>David</td>
<td>AUS</td>
<td>6</td>
</tr>
</table>
</body>
</html> 出力
-
HTML<th>colspan属性
要素のcolspan属性は、ヘッダーセルがまたがる列の数を設定するために使用されます。 以下は構文です- <th colspan="num"> 上記のnumは、ヘッダーセルがまたがる列の数です。 ここで、要素-のcolspan属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid green; } </style> </head> &
-
HTML<colgroup> タグ
タグは、テーブル内の1つまたは複数の列のグループです。すべての列のスタイルを設定します。 以下は、タグ-の属性です。 スパン −列グループがスパンする必要がある列の数はspan属性で設定されます 例 タグ-を実装する例を見てみましょう。 <!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid black; } </style> </head&