top>HTMLタグ辞典

ホームページを作るのに必須なタグを紹介していきます。

目的別目次

文書構造関連

ドキュメントタイプの宣言
右<!DOCTYPE>
HTMLであることを宣言する
右<HTML>
HTML文書のヘッダ情報を記載する
右<HEAD>
文書に関する情報(メタ情報)を指定する。
右<META>
文書にタイトルを付ける
右<TITLE>
文書の本体を表す
右<BODY>
本文に見出しをつける
右<H1>〜<H6>
段落であることを表す
右<P>

文章の表現

文字の種類・大きさ・色の指定
右<FONT>
文字を太文字にする
右<B>
文字を斜体(イタリック)にする
右<I>
文字に下線(アンダーライン)を引く
右<U>
文字のサイズをひとまわり大きくする
右<BIG>
文字のサイズをひとまわり小さくする
右<SMALL>
打ち消し線を引く
右<S><STRIKE>
等幅文字で表示する
右<TT>
下付き文字を表示する
右<SUB>
上付き文字を表示する
右<SUP>
ルビを振る
右<RUBY><RB><RT><RP>
文字をスクロールさせる
右<MARQUEE>
テキストを点滅させる
右<BLINK>
文字表記の方向を指定する
右<BDO>
改行無しで表示する
右<NOBR>
改行する
右<BR>
<NOBR>内で改行しても良い位置を指定する
右<WBR>

文章の意味

強調する
右<EM><STRONG>
定義する文字を明示する
右<DFN>
削除された部分であることを示す
右<DEL>
追加された部分であることを示す
右<INS>
連絡先、問合せ先を示す
右<ADDRESS>
引用文であることを表す
右<BLOCKQUOTE><Q>
出典、参照先を示す
右<CITE>
プログラムのソースコードである事を示す
右<CODE>
変数や引数である事を示す
右<VAR>
プログラムによる出力結果のサンプルである事を示す
右<SAMP>
略語である事を示す
右<ACRONYM><ABBR>

リンク

リンクを張る、リンクの出発点・到達点を指定する
右<A>
ひとつの画像に複数のリンクを設定する
右<MAP><AREA>
相対パスの基準URIを指定する
右<BASE>
関連する文章ファイルを指定する
右<LINK>
ボタンを作成する
右<BUTTON>

画像・動画・Java・音

画像を表示する
右<IMG>
プラグインデータを埋め込む
右<EMBED><NOEMBED>
文章にデータを埋め込む
右<OBJECT>
JAVAアプレットを挿入する
右<APPLET>
パラメータを指定する
右<PARAM>
効果音・BGMを鳴らす
右<BGSOUND>

テーブル(表)・レイアウト

テーブル(表)を作成する
右<TABLE>
テーブル(表)の横方向の一行を定義する
右<TR>
テーブル(表)の見出しセルを作成する
右<TH>
テーブル(表)のデータセルを作成する
右<TD>
テーブルのヘッダ行を定義する
右<THEAD>
テーブルのフッタ行を定義する
右<TFOOT>
テーブル(表)のボディ部分を定義する
右<TBODY>
テーブル(表)にタイトルをつける
右<CAPTION>
テーブル(表)のたて列の属性をまとめて指定する
右<COL>
表の縦列をグループ化する
右<COLGROUP>
センタリングする
右<CENTER>
スペースを挿入する
右<SPACER>
段落する
右<MULTICOL>
横罫線を引く
右<HR>

レイヤー

絶対位置にレイヤー表示する
右<TABLE>
相対位置にレイヤー表示する
右<ILAYER>
レイヤーが利用できない環境用の表示内容を指定する
右<NOLAYER>

入力フォーム

入力フォームを作る
右<FORM>
フォームの構成部品(入力欄・ボタン等)を作成する
右<INPUT>
セレクトボックスを作成する
右<SELECT>
セレクトボックスの選択肢をグループ化する
右<OPTGROUP>
セレクトボックスの選択肢を指定する
右<OPTION>
複数行の入力フィールドを作成する
右<TEXTAREA>
フォームの入力項目グループにタイトルを付ける
右<LEGEND>
フォームの入力項目をグループ化する
右<FIELDSET>
フォーム部品と項目名(ラベル)を関連付ける
右<LABEL>
検索キーワードの入力欄を作る
右<ISINDEX>

リスト

順序のあるリストを表示する
右<OL>
順序のないリストを表示する
右<UL>
リストの項目を記述する
右<LI>
定義リストであることを表す
右<DL>
定義する用語を表す
右<DT>
定義した用語の説明を記述する
右<DD>

スクリプト

文章にスクリプトを埋め込む
右<SCRIPT>
スクリプトが動作しない環境用の表示内容を指定する
右<NOSCRIPT>

スタイルシート

スタイルシートを記述する
右<STYLE>

範囲指定

ひとかたまりの範囲として定義する(ブロック要素)
右<DIV>
ひとかたまりの範囲として定義する(インライン要素)
右<SPAN>

更新履歴

2008.8.7
linkページのリンクに、リンク先のサイトサムネイルを表示させるようにしました。
PORTFOLIOのページもサムネイルをクリックすることにより、画像を拡大して表示するようにしました。
2008.7.4
linkに3件追加
2008.6.22
Portfolioに1件追加
サイトデザイン修正
2008.6.17
linkに1件追加
2008.1.19
Portfolioに1点追加
2008.1.16
Portfolioに2点追加
2007.9.29
BLOG開始
2007.8.6
HTMLに一件追加
2007.8.3
サイトリニューアル
2007.6.19
Portfolioに1点追加
2006.9.13
Portfolioに1点追加
2006.8.11
Portfolioに1点追加
2006.8.11
Blog更新、BBS削除しました、LINKに1件追加

DARKNESS

このサイトへのリンクはフリーです。ご連絡していただければ相互リンクもいたします。リンクの際は下記バナをご利用ください。

DARKNESS BANA 31×31
31×31px
DARKNESS BANA 88×31
88×31px
DARKNESS BANA
188×29px