HTML テーブルの幅を指定するサンプル(width)

HTMLのテーブルの幅を指定するサンプルです。
width属性を使用します。

width 属性

< table width="ピクセル(px)または%" >

テーブルの幅を指定します。
テーブルの幅を指定しない場合、テーブルの幅はテーブル内の文字に合わせて自動で設定されます。
width属性は、HTML5で廃止されました。非推奨となっています。
CSSのwidthプロパティについては以下を御覧ください。
CSS 幅と高さを指定するサンプル(widthとheight)

サンプル

最初のテーブルのwidthは"200"ピクセルで、次のテーブルのwidthは"80"%のイメージ図です。

コード

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

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