HOME　＞　HTMLリファレンス [ABC順 / 目的別]　＞　HTML仕様

HTML仕様

WebページはHTMLソースを記述して作成する

ショートカット

HTML用語と仕様の一覧
HTML文書の基本構造

HTML用語と仕様の一覧

図解

A要素の図解

要素

<A href="index.html"> トップページ </A>
タグも含めた全体を指して○○要素と呼ぶ。　（この場合はA要素）
要素名・属性名は　必ず 半角英数字で記述 する。
HTML4.01では大文字小文字は自由。

要素　( element )

<要素名属性名="属性値">　～テキスト～　</要素名>
- このようにタグではさむことによって、ただのテキストに見出し、段落、アンカーなどの意味を与え、要素を構成する。
- そして、ブラウザは要素の種類をタグによって認識し、それに従った表示をする。
  （たとえば、見出しは太字にするなど）
- ほとんどのタグには開始タグと終了タグがある。

空要素　( empty element )

<要素名属性名="属性値">
- 一部、<BR>、<HR>、<IMG src="～"> など終了タグのない要素がある。
  終了タグはもともと存在しないため、間違って記述しないように注意する。

要素名

<A href="index.html"> トップページ </A>

要素内容

<A href="index.html"> トップページ </A>

空要素を除いて、通常は、開始タグと終了タグのセットで使用する。
最初の <A> は 開始タグ と呼び、そこから要素が始まることを示す。
終わりの </A> は 終了タグ と呼び、そこで要素が終わることを示す。
- 終了タグのみ、あるいは開始タグ・終了タグの両方が省略可能な要素も一部ある。
  だが、どのようにタグを指定したか分かりにくくなるため、きちんと記述した方がよい。

「<」　　　・・・　タグの開始記号
「>」　　　・・・　タグの終了記号
「</」　　　・・・　終了タグの開始記号

タグを入れ子にする場合、互い違いに書いてはいけない。

× 間違いの例

<B>中に入ったタグを<I>閉じてから</B>タグを閉じる。</I>

○ 上記を正しく修正した例

<B>中になったタグを<I>閉じてから</I>タグを閉じる。</B>

属性

<A href="index.html"> トップページ </A>

属性を指定することでHTML文書をさらに詳しく設定できる。

開始タグの要素名の後ろに「半角スペース」「属性名」「=」「属性値」の順で記述。
属性値は引用符（「"」か「'」）でかこむ。
複数の属性を記述する場合、「半角スペース」で区切る。
例　：　<A href="index.html" target="_blank" > トップページ </A>

共通属性
- HTML4.01では、ほとんどの要素で使用できる共通の属性が用意されている。
- class属性、id属性、style属性、title属性、lang属性、dir属性

必須属性
- HTML4.01では、一部の要素に必須属性が指定されている。

論理型の属性
- 一部、属性名と同じ属性値を指定する属性がある。
- 論理型の属性と呼ばれ、属性名と同じ値を指定した場合のみ有効となる。
  本来「属性名="属性値"」を指定するべきだが、古いブラウザが対応しない。
- そのため、通常は、属性値のみを記述する。（<INPUT checked> など）

属性名

<A href="index.html"> トップページ </A>

属性値

<A href="index.html"> トップページ </A>

HTML文書の基本構造

ページの基本構造

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD><TITLE>私のホームページ</TITLE></HEAD>
<BODY><P>ようこそ！私のホームページへ。</P></BODY>
</HTML>

それぞれの要素の解説

<!DOCTYPE　～>
- 「この文書は○○の文書型で書かれています。」
- その文書が、どの文書型定義にもとづいて記述されているかを示す。
  なお、このサイトはだいたい「HTML 4.01 Transitional」で記述しており、サンプルもそれに準じる。
<HTML>　～　</HTML>
- 「ココからHTMLという暗号で書きます。」　～　「ここでHTML暗号は全部おわりです。」
- HTMLは、Hyper Text Markup Language の略語である。
<HEAD>　～　</HEAD>
- 「ヘッダ始まり」　～　「ヘッダ終わり」
- この二つにはさまれた部分を「ヘッダ」といい、本文以外の情報（タイトルなど）を記述する。
<TITLE>　～　</TITLE>
- 「タイトル始まり」　～　「タイトル終わり」
<BODY>　～　</BODY>
- 「ココから本文始まり」　～　「ここで本文終わり」

このようなテキストを HTMLソースと呼ぶ。
ブラウザはこのHTMLソースにもとづいて指定された表示形式でソース内容を表示する。
この最低限必要な基本の記述をコピペして「○○.html」という名で保存すれば、ひとつのHTML文書ができる。

↓　IE ブラウザでは、このように表示される

SEO		[PR] 花おまとめローン Windows7 冷え性対策	動画掲示板レンタルサーバーライブチャット SEO

HTML仕様

ショートカット

HTML用語と仕様の一覧

図解

要素

要素 ( element )

空要素 ( empty element )

要素名

要素内容

タグ

属性

属性名

属性値

HTML文書の基本構造

ページの基本構造

それぞれの要素の解説

要素　( element )

空要素　( empty element )