ページを装飾しよう
前のページで説明したように、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タグ一覧 へ →
メモ帳などのテキストエディタ