開始タグ | 終了タグ | 意味 | 使用可能な属性 | 解説 | ||
---|---|---|---|---|---|---|
基本 | <HTML> | </HTML> | HTML文書であることを宣言 | |||
<HEAD> | </HEAD> | ブラウザ内に表示されない文書情報を記述 | ||||
<BODY> | </BODY> | ブラウザ内に表示させる文字列やタグを記述。属性でページの背景や文字色を指定 | bgcolor background text link vlink alink | 解説 | ||
ヘッダ | タイトル | <TITLE> | </TITLE> | ブラウザに表示されるタイトル。ブックマーク(お気に入り登録)したときの見出しにもなる | ||
関連 | <META> | HTMLファイルに属性を追加 | http-equiv content keywords | 解説 | ||
ボディ | 段落 | <H1>~<H6> | </H1>~</H6> | 見出しタグ。行位置の指定も可 | align | 解説 |
<HR> | 段落の間に水平線を引く。終了タグなし | width size color | 解説 | |||
<P> | </P> | 行間あり改行。段落の範囲と行位置を指定。終了タグ省略可 | align | 解説 | ||
<BR> | 行間なし改行。終了タグなし | clear | ||||
<DIV> | </DIV> | テキストの行位置を指定 | align id | |||
<BLOCKQUOTE> | </BLOCKQUOTE> | 注釈 | ||||
テキスト | <B> | </B> | 文字を太字にする | |||
<U> | </U> | 文字にアンダーラインを付ける | ||||
<I> | </I> | 文字を斜体にする | ||||
<S> | </S> | 文字に取り消し線を付ける | ||||
<FONT> | </FONT> | フォントタグ。文字の大きさや色を決める | size color face | |||
<SUP> | </SUP> | 文字を上付きにする | ||||
<SUB> | </SUB> | 文字を下付にする | ||||
<!--注釈--> | 注釈。間に書いた文字は表示されない | |||||
&キーワード; | キーワードに対応した文字を表示 | 一覧表 | ||||
リスト | <UL> | </UL> | 「・」などの記号で始まるリストの範囲を指定 | type | 解説 | |
<OL> | </OL> | 番号やアルファベットで始まるリストの範囲を指定 | type start | |||
<LI> | </LI> | <UL>または<OL>の中で使用。 リストの箇条書き項目。終了タグ省略可 | type start | |||
リンク | <A> | </A> | アンカータグ ハイパーリンクの範囲を指定 |
href name target title | 解説 | |
画像 | <IMG> | イメージタグ。終了タグなし | src border width height align vspace hspace alt id | 解説 | ||
テーブル | <TABLE> | </TABLE> | テーブルの外枠と範囲を指定 以下のタグはこの中でないと使えない |
border width height align bgcolor background cellpadding cellspacing bordercolor | ||
<CAPTION> | </CAPTION> | テーブルのタイトル | align valign | |||
<TR> | </TR> | テーブルの行 | width height align valign bgcolor | |||
<TD> | </TD> | テーブルのセル | width height align valign bgcolor background colspan rowspan nowrap | |||
<TH> | </TH> | テーブルの見出しとなるセル | ||||
フォーム | <FORM> | </FORM> | フォームの範囲と送信の設定を指定 | name id action method enctype target accept-charset accept | 解説 | |
<INPUT> | テキストの入力フィールドやボタン、ラジオボタン、チェックボックスなど | name id class type value disabled | ||||
<SELECT> | </SELECT> | セレクトメニューの範囲を指定 | name size multiple disabled value | |||
<OPTION> | </OPTION> | セレクトメニュー、データリストの項目 | id value selected | |||
<DATALIST> | </DATALIST> | データリストの表示 | id class | |||
<TEXTAREA> | </TEXTAREA> | 改行可能なテキストフィールド | name rows cols wrap disabled |
背景に黄色をつけたタグが基礎中の基礎です。これらは必ず覚えた方が良いでしょう。
参考:とほほのWWW入門>HTMLリファレンス