HOME ≫ Entry no.406 「ほーむぺーじ初歩の初歩 3」 ≫ [411] [410] [409] [408] [407] [406] [405] [404] [403] [402] [401]
ほーむぺーじ初歩の初歩 3
2008.06.13 ｜Category …初歩の初歩
「ホームページ」の中身について。ブログその他でも基本は同じ。
まずは「HTMLファイル」。
「HTML」と呼ばれるマークアップ言語（タグ）で書かれたテキストファイル。ファイル名の拡張子を「.html」 or 「.htm」にして保存すれば、それがHTMLファイル。
【HTML】の基本
<html>
<head>
<title>ページタイトル</title>
</head>
<body>
ページの内容
</body>
</html>
最小限これだけを「メモ帳」などのテキストエディタで打って、適当に半角英数字で「xxx.html」と名前をつけて保存。はい、HTMLファイルが１ページ分出来上がりました。
※「index.html」と名前をつけると、大体それが「サイト（のディレクトリ内）の入口ページ」として扱われます。ブラウザのアドレス（URL）でファイル名を省略した時には、大概「index.html」という名前のファイルが表示される仕様になっていることがほとんど。「ホームページ」の“ホームページ”ですね。
大雑把なタグ説明
<html>：今から「HTML」始めまーす。
<head>～</head>：主にブラウザや検索エンジン等へお知らせする為のページ説明部分でーす。
<body>～</body>：ブラウザの画面で見える、肝心の中身部分でーす。
</html>：これで「HTML」終わりまーす。
簡単。
<head>～</head>内には、最低限<title>～</title>（ページタイトル…ブラウザの一番上の部分に表示される情報）があれば十分。外部CSSやJavascriptとかも使うよーという場合はここにその旨書き込むことになります。
<body>～</body>内が肝心の中身ですが、この間で主に使うタグは
- <a href="xxx.html">～</a>：他のページなどへの「リンク」のタグ。
- <img src="xxx.jpg" alt="画像説明文">：ページに「画像」を貼るタグ。
- <p>～</p>：段落。本文テキスト部分など。 画像やリンクはこの中に入れられる。
- <br>：強制改行。段落内での改行などに使う。あまり多用するのはHTML的にはよくないらしい。
- <hr>：罫線。最近は使われてるのをあまり見なくなったなぁ。
- <h1>～</h1>：大見出し（１ページに１回だけ使う）。使わなくても可。
- <h2>～</h2>：中見出し。以下<h3><h4><h5><h6>…と小見出しがある。ページ内で何回使っても可。使わなくても可。
これだけ覚えておけば大体事足りるという。他にも色々なタグがあるけど、真面目にHTMLタグを覚えたい場合は「html タグ」とかでぐぐって専門の解説サイト様を探しましょう。
「HTML」というのは基本的に、ごく簡単な言葉の決まりごと。一定の作法の下で作文するような感じ。
えー、でもブラウザで「ソース」見ると、訳の分からないこと一杯書いてあるけど？
はい、それはほとんどが「飾り」です。偉い人には（以下略）というのは冗談として、基本だけ押さえとくと、ややこしそうなソースもそのうち何となく読めるようになります。