簡単ホームページ作成講座

レベル１

ホームページはHTMLという言葉で書かれています。
皆さんが使っている掲示板や日記帳もHTMLで書かれたものです。
ではその仕組みをご紹介～。

まずはこのページをご覧下さい。
サンプル１
このページはこういう記述で書かれています。

<html>
<head>
<title>サンプル１</title>
</head>
<body>
<h1>サンプル物語</h1>
昔々、ある所に、ただの勇者とただの姫が住んでおりました。<br>
そこへ、ただの魔王が現れ、姫をさらっていきました。<br>
続く。<br>
<hr>
著者：ハルポップ
</body>
</html>

見たところ、<と>で囲まれた文字がよく見えますね。
これはタグといって、文字の大きさや色を変えたり、改行を現したりするのに使われます。
ホームページはこういうタグと文章の組み合わせで作られています。
ではこのサンプルのページで使われているタグを紹介していきましょう。

<br>は改行。一番よく使うかも？英語の「break」を略してbrとなったようです。
```
あいうえお<br>
かきくけこ<br>
さしすせそ
```
↓
```
あいうえお
かきくけこ
さしすせそ
```

<hr>は水平線。英語の「horizon」の略。

１ページ<hr>
２ページ<hr>
３ページ

↓

１ページ
２ページ
３ページ

<h>は見出し。タイトルを現すのに使われます。
h1～h6まであり、文字の大きさが変わります。
<h1>と</h1>で挟みます。

<h1>ワン</h1>
<h2>ツー</h2>
<h3>スリー</h3>
<h4>フォー</h4>
<h5>ファイブ</h5>
<h6>ネゴシックス</h6>

↓

ワン
ツー
スリー
フォー
ファイブ
ネゴシックス

<html>や<head>や<body>や<title>
htmlはHTML文章を現すという意味。
headは文章全体に関する指定。
bodyは文章の本文。
titleはタイトル。
これらは開始タグと終了タグで挟んで使います。終了タグとは</body>のように「/(スラッシュ)」がついたものです。
```
<html>
<head>
<title>サンプル１</title>
</head>
<body>
ここからメイン文章を書く。
</body>
</html>
```
<title>と</title>との間に、そのページのタイトルを書きます。
これらは省略しても動作するのですが、HTML文章を現すための記述ですので書いておきましょう。

次回予告

レベル２では文字の大きさや色を変えたり、リンクを貼ったりする事を説明します。乞うご期待。
レベル２へ