HTMLタグリファレンス

ホームページ製作の基礎知識

HTMLとはハイパーテキスト・マークアップ・ランゲージ(HyperText Markup Language)の頭文字で、ウェブサイトを作成するための言語です。

基本タグ

!DOCTYPE
html HTML文書であることを宣言する
head 文書のヘッダ情報を表す
body 文書の本体を表す
meta その文書に関する情報(メタ情報)を指定する
title 文書にタイトルをつける
link 関連する文書ファイルを指定する
script 文書にスクリプトを埋め込む
style スタイルシートを記述する
a リンクをはる、リンクの出発点・到達点を指定する

レイアウト関連

aside 余談・補足情報のセクションであることを示す
header ヘッダーの範囲を示す
footer フッターの範囲を示す
main メインコンテンツの範囲を示す。
nav ナビゲーションの範囲を示す
section 一般的なセクションの範囲を示す
article 記事であることを示す
div ひとかたまりの範囲として定義する(ブロック要素)
span ひとかたまりの範囲として定義する(インライン要素)
blockquote 引用・転載であることを表す
center センタリングする
details 備考や操作手段などの詳細情報を示す
del 削除された部分であることを示す
ins 追加された部分であることを示す
hr 横罫線を引く

テーブル関連

table テーブル(表)を作成する
thead テーブル(表)のヘッダ行を定義する
tbody テーブル(表)のボディ部分を定義する
tfoot テーブル(表)のフッタ行を定義する
colgroup 表の縦列をグループ化する
col 表の縦列の属性をまとめて指定する
caption テーブル(表)にタイトルをつける
tr テーブル(表)の横方向の一行を定義する
th テーブル(表)の見出しセルを作成する
td テーブル(表)のデータセルを作成する

リスト関連

ul 順序のないリストを表示する
ol 順序のあるリストを表示する
li リストの項目を記述する
dl 定義リストであることを表す
dt 定義する用語を表す
dd 定義した用語の説明を記述する
menu メニューリストを表示する

テキスト関連

h1~h6 見出しを付ける
hgroup 複数レベルの見出しを表します。
p ひとつの段落(パラグラフ)であることを表す
abbr 略語(頭字語以外)であることを表す
acronym 略語(頭字語)であることを表す
address 連絡先・問合せ先を表す
b テキストを太字にする
i テキストを斜体(イタリック)にする
bdo 文字表記の方向を指定する
basefont テキストの基準サイズ・基準色・基準フォントを指定する
bdo 文字表記の方向を指定する
big テキストのサイズをひとまわり大きくする
br 改行する
cite 出典・参照先を表す
code プログラムのソースコードであることを示す
dfn 定義する用語を明示する
dir 要素のテキストの書字方向を示す
em 強調する
font フォントの種類・大きさ・色を指定する
plaintext ソースをそのまま表示する
pre ソースを整形済みテキストとして表示する
q 引用・抜粋であることを表す
s 打ち消し線を引く
samp プログラムによる出力結果のサンプルであることを示す
small テキストのサイズをひとまわり小さくする
strike 打ち消し線を引く
strong 強調する
sub 下付き文字を表示する
sup 上付き文字を表示する
tt 等幅フォントで表示する
u テキストに下線(アンダーライン)を引く
var 変数や引数であることを示す
xmp ソースをそのまま表示する
listing ソースをそのまま表示する(タグは解釈される)
kbd キーボード入力される文字であることを示す

フォーム関連

form 入力フォームを作る
input フォームの構成部品(入力欄・ボタン等)を作成する
textarea 複数行の入力フィールドを作成する
select セレクトボックスを作成する
optgroup セレクトボックスの選択肢をグループ化する
option セレクトボックスの選択肢を指定する
button フォームの送信ボタン・リセットボタンを作成する
fieldset フォームの入力項目をグループ化する
label フォーム部品と項目名(ラベル)を関連付ける
legend フォームの入力項目グループにタイトルを付ける

画像・メディア関連

audio 音声を再生する
canvas 図形を描く
img 画像を表示する
area イメージマップの領域を設定する
map ひとつの画像に複数のリンクを設定する(イメージマップ)

その他

noscript スクリプトが動作しない環境用の表示内容を指定する
applet JAVAアプレットを挿入する
object 文書にデータを埋め込む
param パラメータを指定する
bgsound 効果音・BGMを鳴らす(IE独自の仕様)
blink 文字を点滅させる(NN独自の仕様)
comment HTMLソースをコメントにする(IE独自の仕様)
embed プラグインデータを埋め込む(NN独自の仕様)
noembed プラグインが利用できない環境用の表示内容を指定する(NN独自の仕様)
marquee 文字をスクロールさせる(IE独自の仕様)
rb ルビをふる文字を指定する(IEが独自に採用)
rp ルビを囲む記号を指定する(IEが独自に採用)
rt ルビの内容を指定する(IEが独自に採用)
ruby ルビの範囲を指定する(IEが独自に採用)
ilayer 相対位置にレイヤー表示する(NN独自の仕様)
layer 絶対位置にレイヤー表示する(NN独自の仕様)
nolayer レイヤーが利用できない環境用の表示内容を指定する(NN独自の仕様)
multicol 段組する(NN独自の仕様)
nobr 改行なしで表示する(NN独自の仕様)
wbr NOBR内で改行しても良い位置を指定する(NN独自の仕様)
spacer スペースを挿入する(NN独自の仕様)
base 相対パスの基準URIを指定する
command 操作メニューの各コマンドを指定する
datalist 入力候補となるデータリストを定義する
frame フレームに表示するファイルを指定する
frameset ウィンドウをフレームに分割する
iframe インラインフレームを作る
isindex 検索キーワードの入力欄を作る
noframes フレームが表示できない環境用の表示内容を指定する