ほ〜むぺ〜じのつくりかた
第2章・ホームページを作ってみよう/HTMLがいっぱい出てきた


<html>
<head>
<title>Welcome to MyHomePage!</title>
</head>
<body>
Sorry, This Page is Japanese Only.
Welcome to MyHomePage!!!
最終更新日 2002年2月22日

・コンテンツ・
My Pet - - - 僕の飼っているインコの紹介
Diary - - - 自分の日記です。ちょっとだけインコの飼育日記なの

メールはこちら
</body>
</html>

はい、今回はこれを説明します。

<html>これはHTMLだよ、というタグ
<head>そのホームページの情報
<title>ホームページのタイトル
</title>ホームページのタイトル(終わり)
</head>そのホームページの情報(終わり)
<body>ここからがホームページの内容だよ、というタグ
</body>ここからがホームページの内容だよ、というタグ(終わり)
</html>これはHTMLだよ、というタグ(終わり)

ところでタグ(HTMLタグ)というのはブラウザに命令するプログラムのようなものです。
先程はとりあえず簡単にそれぞれを説明しました。
ところで / がつくものとつかないものがあります。
基本的にHTMLタグは最初と最後があって、最後のほうは/をつけます。
/はないタグの代表としては<br>(改行)と<p>(2段改行)があります。

続いて、このようにしてみます(赤いところは追加した部分)


<html>
<head>
<title>Welcome to MyHomePage!</title>
</head>
<body>
Sorry, This Page is Japanese Only.<br>
Welcome to MyHomePage!!!<br>
最終更新日 2002年2月22日<p>

・コンテンツ・<br>
My Pet - - - 僕の飼っているインコの紹介<br>
Diary - - - 自分の日記です。ちょっとだけインコの飼育日記なの<p>

メールはこちら<br>
</body>
</html>

これは改行のタグを入れたところです。
<br>と<p>の違いは、

行の最後のとこに<br>を付け加えた場合、こんなふうになります:

---
カメが歌っていました。
馬がふふふと言いました。
びっくりしてクマがころげおちてしまいました。
はい、おしまぃ。
---

続いて、行の最後のとこに<p>を付け加えた場合、こんなふうになります:

---
カメが歌っていました。

馬がふふふと言いました。

びっくりしてクマがころげおちてしまいました。

はい、おしまぃ。

---

このように、1行空洞があくのです。

ところで、この結果を反映させるには、保存して、ブラウザで「再読み込み」「更新」等の
ボタンを押してみましょう。
すると、HTMLのタグが入った(あるいは内容が変更された)内容に更新されるはずです。
どうでしょうか。

ちゃんと改行されていますか?
HTMLタグを半角で入力していますか?
半角と全角は次のように違います(例:<br>タグの場合)

半角
全角
<br><br> あるいは <br>

半角と全角の違いはこういうふうなんです。
全部、半角にしないとこうなります。



前へ ホーム 次へ


メール

楽天モバイル[UNLIMITが今なら1円] ECナビでポインと Yahoo 楽天 LINEがデータ消費ゼロで月額500円〜!


無料ホームページ 無料のクレジットカード 海外格安航空券 解約手数料0円【あしたでんき】 海外旅行保険が無料! 海外ホテル