|
■第65回テーマ 【大きくなれ】
今週は、先週お話させて頂いたHTMLのお話の続きです。
ホームページの設計図はどうなっているのか?というお話です。
ホームページの大まかな設計図はこうなっています。
<html>
<head>
<title>道しるべ</title>
</head>
<body>
</body>
</html>
いきなりワケわかんないですね(笑)
でも英語の意味をたどるとわかってきます。
head・・・頭 title・・・タイトル body・・・体
なので、下のようになります。
<HTMLの文章です>
<頭の部分>
<タイトル>道しるべ<ここまでタイトル>
<ここまで頭>
<体(中身)の部分>
<ここまで体>
<ここまでHTML>
頭というのは、ホームページを見た時の一番上の部分です。
だいたい左上に、そのページのタイトルがのっているはずです。
で、体(中身)はまさに見ているホームページの内容です。
なのでホームページを作る作業とは、ほとんど
<body>
ここの中 に中身を書き込んでいく作業なんです。
</body>
大まかな設計はこういったカンジなんです。
細かいことをいうとキリがないのですが、一つだけお話します。
さっきから<>と</>で何かをかこってる記号みたいなもの
を使っていますよね。
これは「タグ」といわれるものです。
ここ(<>)からここ(</>)はこうして下さいよ、という印なんです。
例えば、
<b>道しるべ</b>
文字が太線になります。
<font size="〜">道しるべ</font size="〜">
〜に数字を入れることで文字の大きさが変わります。
今が1だとして、大きくしたかったら2にする、
小さくしたかったら−1にする、とか。
<font color="〜">道しるべ</font color="〜">
〜で色を指定することで、文字の色が変わります。
さて、色は何で表すでしょう?
「コンピューター基礎編」にやったことが出てきます。
そう、16進数を使うんです。
だから、黒なら000000、白ならffffffとかです。
(コンピューター基礎編でやったことがこんなところでも
役立つとは)
この他にも、様々なタグがありまして、
結局、ホームページ作成とは、「文章を書き込んでタグで修飾する」
これをひたすら続ける作業なのであります。
これ以上やると「ホームページ作成講座」みたいになってしまうので(笑)、
ホームページのお話はここで一まずおしまいにさせて頂きます。
*今週のタイトル「大きくなれ」とは文字をタグで大きくするところから
きています。非常にわかりにくいタイトルでした。スイマセン(汗)
☆ 65枚目の切符「 ホームページとはタグで作るものであります。 」 ☆
|