| 技術資料 ＨＴＭＬ言語基礎 vol.1
ホームページを作成するには、通常、HTML編集ソフトを使います。代表的なHTML編集ソフトとして、IBMの「ホームページ・ビルダー」やマクロメディア社の「Dreamweaver」があります。これらのソフトを使えば、HTML言語を知らずとも、ワープロを扱う感覚でホームページを作ることが可能です。しかし、いくつかのHTML言語のルールを覚えれば、HTML編集ソフトを使わなくても、ＯＳ付属のテキストエディタを使って、簡単にホームページの編集ができます。ウィンドウズならウィンドウズに付属の「メモ帳」やシェアウエアの「秀丸」、Macの場合は「シンプルテキスト」や「テキストエディット」を使って、HTMLコードを直接編集できます。テキストエディタを使って、ホームページの編集する際、知っておけば便利な知識をまとめてみました。ホームページ・ビルダーのようなHTML編集ソフトを使う場合でも、HTML言語の知識があれば、他のホームページからパーツを簡単に移植するようなことも可能になりますので、是非ご活用ください。 |
|||||||||||||||||||
|
１．HTML言語とは HTML言語は、<>で区切ったタグによって、文字を修飾し、見栄えのよい文書を作る文書記述言語です。
※<b>は、"Bold"文字を太字にするという意味 |
|||||||||||||||||||
|
２．タグの基本ルール タグは、開始タグと終了タグで一対になっています。終了タグは、開始タグの括弧の中にスラッシュ「/」をつけたものです。タグは必ず、英字半角文字で記述します。
タグは英字半角文字であれば、大文字・小文字はどちらでもＯＫです。
|
|||||||||||||||||||
|
３．HTML文書の基本形 通常、HTML文書は、次のような形になります。
<head>タグの「文書属性」とは、直接HTML文書に現れない情報で、以下のようなものがあります。 |
|||||||||||||||||||
|
４．タグが重複する場合 異なる種類のタグが重なるときは、必ず一対のタグが一対のタグを完全に含む形にします。
|
|||||||||||||||||||
|
５．例外的なタグの使い方 タグの中には、例外的に終了タグが無いものや、終了タグが省略可能なのものあります。 次にあげるようなタグは、タグの基本ルールに沿わないという意味で「例外的タグ」と言えますが、その使用頻度は非常に高く、覚えておいて損は無いです。
|
|||||||||||||||||||
|
６．改行について HTML中の改行は無視されます。ブラウザの表示上、改行したいときは、改行タグ<br>を入れます（段落タグ<p>でもＯＫ）。
タグの中には、改行指示を入れなくても、タグの前後に自動的に改行が入るものがあります（ブロックタグ）。
自動改行が入るグロックタグには、次のようなものがあります。
|
|||||||||||||||||||
|
７．タグの詳細設定 タグの中には、タグの括弧の中により詳しい属性を記述するものがあります。多くのタグは、下記のようにより細かい装飾設定を記述できます。
|
|||||||||||||||||||
|
|