こんにちは、天高く腹肥ゆる秋…腹も肥ゆるシステム担当の鈴木です！
先日、45回目の生誕祭を無事に迎えることができました。
歳をとるごとに1年の過ぎるのが早く感じられるようになり、あと何回誕生日を迎えられるのか？と、残された時間の短さに悲哀を感じる今日この頃。
心残りは、もっと未来の技術を見てみたかったなと。
…
まだ終わってないですけど…
夏の暑さもおさまって来たなと思っていたら、朝晩の冷え込みで体調が崩れ気味です。
美味しいものをい〜っぱい食べて元気に冬を迎え討ちましょう！
前回の「ホームページを作ろう！ 神よページに中身を与えたまえ！」では、ブラウザに文字を表示してみました。
ファイルに文字を書き込んでブラウザに
「はじめまして！」と表示されましたね！
？？？「さみしい…」
えっ！
？？？「ホームページって…」
？？？「色鮮やかで…写真とかいっぱいで…」
そ、そうですね…それでは、今回は色を…
っと、その前に。
前回作ったファイルの中身は、
はじめまして！
と、こんな感じでした。
しかし、これはただ文字を書いただけで、HTMLの書式ではありません。
ウェブページに飾りをつけるためには、HTMLの決まりに沿った書式で書かないと、ブラウザには理解してもらえません。
このままでは、文字が表示されるだけで、色を塗ったり、写真を貼り付けたり、なにやらゴニョゴニョすることもできません。
？？？「早くゴニョゴニョしたいです！」
…。
ということで、前回のファイルをHTMLに書き直すと…
<html>
<head>
</head>
<body>
こんにちは！
</body>
</html>
と、こうなります。
？？？「なんだかよくわかりません！」
そうですね…
なんだかよくわからない文が増えました。
それでは少しづつ説明をしていきます。
まず、なんだか<>で囲まれた英単語らしき物が増えています。
これはタグという物で、中の英単語をタグ名と呼びます。
このタグという物を使ってHTMLを書いていきます。
？？？「ふむふむ」
タグには、一部の例外を除いて開始タグと終了タグがあります。
開始タグは<>の中にタグ名を、終了タグはそのタグ名の前に/を付けます。
例）<html>〜</html>
1,8行目（<html>〜</html>）でこの間はhtmlですよ〜と、宣言しているのです。
？？？「なるほど…」
そして、タグは入れ子にできます。
2,3行目、5,7行目は、それぞれ、htmlのheadとhtmlのbodyだと宣言しています。
headタグではこのページはどんなページかの紹介とか、bodyタグの中でゴニョゴニョする準備をしたりします。
bodyタグにはブラウザに表示される部分を書いていきます。
？？？「なんとなくわかりまし…た？」
それでは、次回はタグを使って文字に色を塗ってみましょう。
？？？「は〜い！」
次回「ウェブページを作ろう！もうすぐ秋ですね、ちょっと彩ってみませんか？」へつづく！
0 
読み込み中...
