ドリル式ホームページの作り方

罫線を引く

ドリル式ホームページの作り方TOP  >>  Lesson1〜HTMLの基礎〜  >>  罫線を引く

罫線を引く

罫線は”hr”というタグを使うことで引くことができます。

よく情報系のデザインが乏しいサイトで(お前が言うなって?w)使われている気もしますが、使い勝手はよいものの汎用性がないので、手抜きサイトを作るときに使うといいかもしれません。

ここでは、手抜きで大見出しと著作権情報を区切るために使用します。

hrは開始タグと終了タグで囲むタグではないので、<hr />のように、hrの後に「半角スペース+スラッシュ」を記述して終了させます。

<html>
<head>
<title>ホームページ作成講座</title>
<meta http-equiv="Content-Type" content="text/html;charset=shift_jis">
</head>
<body>
<h1>ホームページ作成講座</h1>
<hr />
<h2>Lesson1:メモ帳を起動してみよう!</h2>
<p>ホームページを作成するためにはエディタと呼ばれるアプリを起動して、そこにプログラムを記述します。</p>
<p>Windowsをお使いの方は標準で付属しているエディタとして、メモ帳とwordpadがありますので、それを使うとよいでしょう。</p>
<p>さらに高性能のエディタをお求めの方は、無料ならterapad、有料なら秀丸エディタがお勧めです。</p>
<h2>LLesson2:タグを書いてみよう!</h2>
<p>ホームページを作るのに使用する言語はHTMLと呼ばれ、タグと呼ばれる命令を使って、色やフォントの大きさを指定することができます。</p>
<h3>L<文字の大きさを変える></h3>
<p>文字の大きさは、font sizeタグを使用します。</p>
<h3>L<文字の色を変える></h3>
<p>文字の色は、colorタグを使用します。</p>
<hr />
<address>Copyright 2007@nkdesk. all right reserved.</address>
</body>
</html>

これで完成!サンプルはコチラ→サンプル(ホームページ作成講座)


Lesson1〜HTMLの基礎〜

  1. ホームページを作るのは難しい?
  2. 拡張子を表示させる
  3. メモ帳を起動してみよう
  4. html骨格を記述する
  5. 文字を表示させてみる
  6. エンコードを指定する
  7. タイトルを指定する
  8. 見出しと段落
  9. 著作権情報を記述する
  10. 罫線を引く
Copyright(C) ドリル式ホームページの作り方 all right reserved.