[Labyrinthe Noir]>[Top]>[HTMLタグ講座]>

HTML4の主要タグ一覧

  開始タグ 終了タグ 意味 使用可能な属性 解説
基本 <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リファレンス

戻る