ページを装飾しよう

前のページで説明したように、HTMLファイルにタグを入力して命令をすることで いろいろな装飾が出来るようになります。

例えば、下のようなHTMLファイルをメモ帳などのテキストエディタで作ると ブラウザ(Internet ExplorerやNetscapeなど)ではこのように見えます。

メモ帳などのテキストエディタ
<html>
<head>
<title>私のホームページ </title>
</head>
<body>
<center><br><br>

ようこそ私のホームページへ♪<br>
<font size="5">
今日からオープンします!</font><br>
<font color="red">
みなさん、よろしく</font>
</center>
</body>
</html>


私のホームページ


ようこそ私のホームページへ♪
今日からオープンします!
みなさん、よろしく









まず、<html> 〜 </html> に囲まれたページの中には、 本文に関する情報を入力する欄<head> 〜 </head> と 本文になる<body> 〜 </body> があります。
<head> 〜 </head> の中の、 <title> 〜 </title>で囲まれた部分はブラウザのタイトルバーに表示されます。 <body> 〜 </body> の中の<br>とは改行を意味するタグで、 <center> 〜 </center>は位置をセンター(真ん中)に指定するタグです。
また、<font size="5"></font>で囲まれた部分は、フォント(文字)のサイズを指定するタグに なります。


なんだか、難しそうですけど...? 大丈夫、大丈夫。タグはいちいち覚えなくてもネットで 【HTML タグ】 と検索すれば 沢山出てきます。それをコピー&ペーストすればいいだけです。(使っているうちに覚えますが...)

ちなみに、代表的なタグには次のようなものがあります。


次のページ HTMLタグ一覧 へ →




関連ページ

ブログを開設する