HTML テーブルのセルを横につなげるサンプル(colspan)

HTMLのテーブルのセルを横につなげるサンプルです。
colspan属性を使用します。

colspan 属性

< td colspan="横につなげるセルの数" >

指定したセルの数分、セルを横につなげます。
横に繋がる部分のtdタグはcolspan属性のあるtdタグ以外は不要になります。

サンプル

テーブルの上側のセルを横につなげています。

colspan　セルを横につなげる
赤 red	黄 yellow	青 blue

コード

上記サンプルのコードです。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>テーブルのサンプル</title>
</head>
<body >
<table border="1">
	<tr>
		<td colspan="3">colspan</td>
	</tr>
	<tr>
		<td>赤 red</td>
		<td>黄 yellow</td>
		<td>青 blue</td>
	</tr>
</table>
</body>
</html>

以下はMDNのtd要素のリンクです。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/td