| |
水平線を引くためのタグ |
| |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ここにはページのタイトルを書きます</title>
</head>
<body>
<hr color="色を指定" size="線の高さ（太さ）を指定" width="ウィンドウに対する線の幅を指定">
ここにはページの内容を書きます
</body>
</html |
| |
|
| |
以下はサンプルデータ（sample4_1.htm）
に記述されたＨＴＭＬの内容です。
ブラウザで表示してみると、まだまだ、中途半端な内容ですが、一応、水平線が引けました。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ここにはページのタイトルを書きます</title>
</head>
<body>
<br>
<hr color="red" size="4" width="80%">
<br>
ここにはページの内容を書きます
</body>
</html>
|
| |
|
| |
次に、width="80%"をwidth="100%"に変えてみましょう。
<hr color="red" size="4" width="100%"> |
| |
|
| |
更に同じタグを書きます（コピー・アンド・ペーストでもよい）。
<hr color="red" size="4" width="100%">
<hr color="red" size="4" width="100%"> |
| |
|
| |
この間に水平線を利用してタイトルの作成と書いて下さい。
<hr color="red" size="4" width="100%">
水平線を利用してタイトルの作成
<hr color="red" size="4" width="100%"> |
| |
|
| |
結果的に、このようになりました（但し、赤色や強調は便宜上付けただけです）。
このサンプルデータは（sample4_2.htm）です。
先ほどと同様に、このファイルを表示してみると、sample4_1.htmよりは『水平線を用いて作成したタイトル』らしくなってきました。
今回は、これで終わりにしますが、中央揃えのタグ（正確には段落タグ：<p
align="center"></p>）などを使えば、更にタイトルらしくなります。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ここにはページのタイトルを書きます</title>
</head>
<body>
<br>
<hr color="red" size="4" width="100%">
水平線を利用してタイトルの作成
<hr color="red" size="4" width="100%">
<br>
ここにはページの内容を書きます
</body>
</html> |