HTMLリファレンス タグ一覧
HTML タグ一覧
文書構造
HTML 文書全体を囲み、HTML ドキュメントであることを示す。 |
タグ | オプション | パラメータ | 意味 |
<html> ~ </html> | lang | 国別コード | ページの中で使用される言語を指定する。 日本語→ ja |
ヘッダ
body タグの前に置き、title タグや meta タグを内側に含む。 script
タグを置いても良い。 ホームページ本体には影響無し。 |
タグ | オプション | パラメータ | 意味 | ||||||||||
<head> ~ </head> |
<title> タイトル </title> |
ブラウザのタイトルバー上に表示する文章のタイトルを指定する。 | |||||||||||
<base> | ページ中の URL の起点、及びリンク先の表示位置を定める。 | ||||||||||||
href | URL | ページ中の URL の起点を定める。 | |||||||||||
target | フレームまたは ウィンドウ名 | リンク先を表示するフレームまたはウィンドウを指定する。 省略すると同じウィンドウ。 "new"または"_blank"とすると新しいウィンドウを作成し 表示する。 "_parent"とすると新フレームにリンクする。 "_top"とするとウィンドウ全体に表示する。 フレームを解除する場合に使用する。 |
|||||||||||
<noscript> ~ </noscript> |
スクリプトが動作しないように設定している場合や、 <script>タグがサポートされていないブラウザを使用している場合に、このタグ内のメッセージ(任意のhtml)を表示することができる。 | ||||||||||||
<link> | rel | stylesheet | スタイルシートを読込む場合に指定。 | ||||||||||
fontdef | フォント定義ファイルを読込む場合に指定。 | ||||||||||||
type | text/css | スタイルシートのタイプを指定。(デフォルト値) | |||||||||||
text/javascript | スタイルシートのタイプを指定。 | ||||||||||||
href | URL | スタイルシートの URL を指定。 | |||||||||||
src | URL | フォント定義ファイルの URL を指定。 | |||||||||||
title | タイトル名 | スタイルシートのタイトルを指定。 スタイルのオン・オフが可能なブラウザ使用時に、オン・オフするスタイルを選択する目的で使用する。 | |||||||||||
<style> ~ </style> |
スタイルを定義する。 現在、Cascading Style Sheets(CSS1) と JavaScript Style Sheets の2種類のスタイルシートがサポートされている。 | ||||||||||||
type | text/css | スタイルシートのタイプを指定。(デフォルト値) | |||||||||||
text/javascript | スタイルシートのタイプを指定。 | ||||||||||||
src | URL | フォント定義ファイルの URL を指定。 | |||||||||||
title | タイトル名 | スタイルシートのタイトルを指定。スタイルのオン・オフが可能なブラウザ使用時に、オン・オフするスタイルを選択する目的で使用する。 | |||||||||||
<meta> | 文書のメタ情報(リロード指定、文字セット指定、cookie指定、検索ロボット情報・制御)を記述。 | ||||||||||||
リロード(再読み込み) 指定 | http-equiv | refresh | 再読み込み | ||||||||||
content | time[;url] | time : ロードするまでの時間[秒], url: 読み込むファイルの URL URL 省略時は自分自身をリロードする。 |
|||||||||||
文字セットの指定 | content | text/html; charset=文字セット | 文字セットを指定する。各種の文字セットは下記。 日本語
|
||||||||||
cookieの指定 | http-equiv | set-cookie | cookieの指定であることを示す。 | ||||||||||
content | 設定値 | cookieの設定値を記述する。 | |||||||||||
検索ロボット向けの情報 | name | author | 作成者名を記述することを示す。 | ||||||||||
description | ページ内容を記述することを示す。 | ||||||||||||
keywords | ページ内容のキーワードを記述することを示す。 | ||||||||||||
content | 情報 | 実際の情報を記述する。 | |||||||||||
検索ロボットの制御 | content | all | このページを検索エンジンに登録すること、リンクをたどることを承諾する。省略時と同じ。 | ||||||||||
noindex | このページを検索エンジンに登録することを禁止する。 | ||||||||||||
nofollow | このページからリンクをたどることを禁止する。 noindexと両方を指定するには、 content="noindex,nofollow" と指定する。 |
本文
ブラウザに表示する内容を記述する。 |
タグ | オプション | パラメータ | 意味 |
<body> ~ </body> |
text | 色 or 色の名前 | 本文テキストの色指定 |
link | 色 or 色の名前 | 未参照リンクボタンの色指定 | |
vlink | 色 or 色の名前 | 参照済みリンクボタンの色指定 | |
alink | 色 or 色の名前 | リンクボタンを押した時の色指定 | |
bgcolor | 色 or 色の名前 | 背景色の指定 | |
background | URL | 壁紙画像ファイルの指定 | |
bgproperties | fixed | 壁紙画像ファイル固定(スクロールしない) | |
marginwidth | ピクセル値 | 左右のマージンの幅を指定。 | |
marginheight | ピクセル値 | 上下のマージンの幅を指定。 | |
leftmargin | ピクセル値 | 左のマージンの幅を指定。( Internet Explorer 専用) | |
topmargin | ピクセル値 | 右のマージンの幅を指定。( Internet Explorer 専用) |
コメント
タグ | オプション | パラメータ | 意味 |
<!-- ~ --> |
<!-- から --> の部分はコメントとみなし本文に影響を与えない。 |
見出し
見出しの大きさを指定する。数値が大きいほど文字は小さい。 数値は見出しの重要度を示すもの。前後が自動的に改行される。 |
タグ | オプション | パラメータ | 意味 | |
<h**> ~ </h**> |
<H1>~</H1> | 見出しの大きさ | ||
<H2>~</H2> | 見出しの大きさ | |||
<H3>~</H3> | 見出しの大きさ | |||
<H4>~</H4> | 見出しの大きさ | |||
<H5>~</H5> | 見出しの大きさ | |||
<H6>~</H6> | 見出しの大きさ | |||
align | center | 位置指定 : 中央 | ||
left | 位置指定 : 左 | |||
right | 位置指定 : 右 |
段落
タグ | オプション | パラメータ | 意味 |
<p> ~ ( </p> ) | 段落を指定する。</p> は省略可。 | ||
align | center | 位置指定 : 中央 | |
left | 位置指定 : 左 | ||
right | 位置指定 : 右 | ||
<pre> ~ </pre> | PRE タグで囲まれたテキストは改行やスペースが無視されないで、記述したまま表示される。 | ||
cols | 文字数 | 一行の最大文字数(半角換算)を指定。 | |
wrap | center | 文字がウィンドウの右端で自動的に折り返される。 | |
<address> ~ </address> | address タグで囲まれたテキストは斜体になる。ページ製作者情報。 通常、住所やメールアドレスを記述する。 |
||
<blockquote> ~ </blockquote> | blockquote タグで囲まれたテキストは引用扱いで、前後に改行が入り、両サイドが1段インデントされて表示される。ネスティング可。 | ||
<listing> ~ </listing> | listing タグで囲まれたテキストはリスト扱いで、改行やスペースが無視されないで、記述したまま小さな字体で表示される。 | ||
<xmp> ~ </xmp> | XMP タグで囲まれたテキストは改行やスペースが無視されないで、記述したまま表示される。 PRE タグと同じ。「<」「>」「&」「"」もそのまま表示されるので、HTML ソース表示に都合が良い。 | ||
<div> ~ </div> | ある程度の範囲に対して、行揃えやスタイルを適用したい場合に使用する。 指定時に最初に改行される。 | ||
align | center | 位置指定 : 中央 | |
left | 位置指定 : 左 | ||
right | 位置指定 : 右 |
リスト
タグ | オプション | パラメータ | 意味 |
<ul> ~ </ul> |
ul タグで囲まれたリストは各項目の先頭にマークが付く。ネスティング可能。 | ||
type | disk | マークを'●'にする。 | |
circle | マークを'□'にする。 | ||
square | マークを'■'にする。 | ||
<ol> ~ </ol> |
ol タグで囲まれたリストは各項目の先頭に通し番号が付く。ネスティング可能。 | ||
start | 数字 | 通し番号のスタート番号を指定する。 | |
type | A | リスト番号を英大文字にする。 | |
a | リスト番号を英小文字にする。 | ||
I | リスト番号を大文字のローマ数字にする。 | ||
i | リスト番号を小文字のローマ数字にする。 | ||
<dir> ~ </dir> |
dir タグは ul タグとほぼ同じ。1項目20文字までを想定。ネスティング不可。 | ||
<menu> ~ </menu> |
menu タグは ul タグとほぼ同じ。1項目1行を想定。ネスティング不可。 | ||
<li> リストの項目 ( </li> ) |
LI タグは項目の先頭に置く。項目の最後には自動的に改行が入る。</LI> は省略可。 | ||
type | disk | ul タグ時に、マークを'●'にする。 | |
circle | ul タグ時に、マークを'□'にする。 | ||
square | ul タグ時に、マークを'■'にする。 | ||
type | A | ol タグ時に、リスト番号を英大文字にする。 | |
a | ol タグ時に、リスト番号を英小文字にする。 | ||
I | ol タグ時に、リスト番号を大文字のローマ数字にする。 | ||
i | ol タグ時に、リスト番号を小文字のローマ数字にする。 | ||
value | 数字 | ol タグ時に、リスト番号を指定する。 |
定義
文(イディオム)
文(タイプ)
タグ | オプション | パラメータ | 意味 |
<tt> テキスト </tt> |
文字列を等幅フォント(タイプライターフォント)で表示する。 | ||
<s> テキスト </s> |
文字列に抹消線を引く。 | ||
<strike> テキスト </strike> |
文字列に抹消線を引く。S タグと同じ。 | ||
<sup> テキスト </sup> |
小さい字体の上付き文字列で表示する。 | ||
<sub> テキスト </sub> |
小さい字体の下付き文字列で表示する。 | ||
<big> テキスト </big> |
大きい字体で表示する。 | ||
<small> テキスト </small> |
小さい字体で表示する。 | ||
<font> テキスト </font> |
表示する文字の大きさ、色、書体名を指定する。 | ||
size | [+/-] 1 ~ 7 | 文字の大きさを指定する。数値が大きいほど大。 符号を付けた場合は相対指定となる。 |
|
color | 色 or 色の名前 | 文字の色を指定する。 | |
face | 文字の書体名 | 書体を指定する。' , '(カンマ) で区切り複数指定でき、先頭優先で適用される。( Internet Explorer 専用) | |
<span> テキスト </span> |
インラインでスタイルを適用する。 | ||
style | スタイル定義 | 指定範囲に適用するスタイルを直接記述する。 | |
class | スタイルのクラスを指定 | 指定範囲に適用する、前もって定義したスタイルのクラスを指定。 | |
id | スタイルのIDを指定 | 指定範囲に適用する、前もって定義したスタイルのIDを指定。 |
アンカー
タグ | 意味 | パラメータ | 意味 |
<a name="example"> ~ </a> |
ハイパーリンク元を命名する。ページの一部分を指定する場合に使用する。 | ||
name | name | href タグで、'#' を頭に付けて name を指定すると、 この場所に飛んでくる。 | |
<a href="URL" target="target"> リンクボタン </a> |
ハイパーリンク先を指定する。 | ||
href | URL [#name] | ハイパーリンク先の URL を指定する。 リンクボタンにはイメージを指定できる。 |
|
target | フレームまたは ウィンドウ名 |
リンク先を表示するフレームまたはウィンドウを指定する。 省略すると同じウィンドウ。 "new"または"_blank"とすると新しいウィンドウを作成し表示。 "_parent"とすると親フレームにリンクする。 "_top"とするとウィンドウ全体に表示する。 フレームを解除する場合に使用する。 |
配置
タグ | 意味 | パラメータ | 意味 |
<center> ~ </center> |
画面の中央に配置する。 |
改行
タグ | 意味 | パラメータ | 意味 |
改行したい文の最後尾 <br> |
br タグの位置で改行する。 | ||
clear | left | 画像の左側への回り込みをクリアする。 | |
right | 画像の右側への回り込みをクリアする。 | ||
all | 画像の左右への回り込みをクリアする。 | ||
<nobr> ~ </nobr> |
強制的に1行で表示させる。画面をはみ出す場合はスクロールする。 | ||
改行したい文の最後尾<wbr> | <nobr>タグ内での強制改行指定。 |
水平罫
タグ | 意味 | パラメータ | 意味 |
<hr> | 水平の罫線を表示する。 | ||
size | ピクセル値 | 罫線の太さを指定する。 | |
width | ピクセル値 or 画面比 % | 罫線の横幅を指定する。 | |
color | 色 又は 色の名前 | 罫線の色を指定する。 | |
align | center | 罫線位置指定 : 中央 | |
left | 罫線位置指定 : 左 | ||
right | 罫線位置指定 : 右 | ||
noshade | 罫線の影を消す。 |
イメージ
タグ | 意味 | パラメータ | 意味 |
<img src="URL"> | 画像を表示する。 表示できる画像フォーマットは、「gif」「jpeg」「progressive jpeg」「png」「xpm」「xbm」。 | ||
src | URL | 表示する画像を指定する。 | |
lowsrc | URL | 表示する画像を2段階に表示する場合に指定する。 通常、先に表示する軽いイメージを指定する。 |
|
alt | テキスト | 画像の代わりに(画像が表示されるまでの時間) 表示されるテキストを指定する。 | |
border | ピクセル値 | 画像を囲む枠の太さを指定する。 ピクセル値に 0 を指定すると、枠を消すことができる。 | |
align | left画像と同じ行のテキスト位置との関係を指定する。 | ||
top | 一番上のラインにが画像の上端を合わせる。 | ||
bottom | 一番下のラインに画像の下端を合わせる。 | ||
center | 同じ行のテキストが画像の中央に並ぶ。 | ||
left | 画像を左詰めにし、右側にテキストを流し込む。 | ||
right | 画像を右詰めにし、左側にテキストを流し込む。 | ||
middle | 画像の中央の高さに、テキストのベースラインを合わせる。 | ||
texttop | 一番高さのあるテキストに画像の上端を合わせる。 | ||
absmiddle | 画像の中心に文字のラインの中心を合わせる。 | ||
baseline | 文字のベースラインに画像の下端を合わせる。 | ||
absbottom | 画像の下端を一番下のラインの下に合わせる。 | ||
vspace | ピクセル値 | 画像とテキストの垂直間隔を指定する。 | |
hspace | ピクセル値 | 画像とテキストの水平間隔を指定する。 | |
width | ピクセル値 or 画面比 % | 画像の横幅を指定する。HEIGHTオプションと共に指定しておけば、 画像が表示される前に後続する HTMLソース部分を表示できる。 |
|
height | ピクセル値 or 画面比 % | 画像の縦幅を指定する。WIDTHオプションと共に指定しておけば、 画像が表示される前に後続する HTMLソース部分を表示できる。 |
|
ismap | 画像をイメージマップとして使用する場合に指定する。 | ||
usemap | URL#MAP 名 | 画像をクリッカブルマップとして使用する場合に MAP 名を指定する。 '#' を付けることに注意。 |
|
name | 画像名 | JavaScriptで画像を参照する際の名前を指定する。 |
クリッカブルマップ
タグ | 意味 | パラメータ | 意味 | |
<map> <area ...> </map> |
<map> | クライアントサイド・イメージ・マップのマップを定義する。 | ||
name | name | 任意の MAP 名を定義する。 MAP名は、<IMG>タグの USEMAP オプションで指定する名前。 (<map> タグは、<img> タグを使用する前に定義しておくこと) | ||
<area> | クリッカブルマップのリンクの範囲を指定。 | |||
shape | rect | 矩形範囲指定。 | ||
poly | 多角形範囲指定。 | |||
circle | 円形範囲指定。 | |||
coords | 座標 | 矩形:x1,y1,x2,y2 多角形:x1,y1,x2,y2,x3,y3,... 円形:xo,yo,r |
||
href | URL | リンク先ファイルを指定。 | ||
nohref | 指定されたエリアがクリックされても何も反応しない。 | |||
target | フレームまたは ウィンドウ名 |
リンク先を表示するフレームまたはウィンドウを指定する。 省略すると同じウィンドウ。 "new"または"_blank"とすると新しいウィンドウを作成し表示する。 "_parent"とすると親フレームにリンクする。 "_top"とするとウィンドウ全体に表示する。 フレームを解除する場合に使用する。 |
スクリプト
タグ | 意味 | パラメータ | 意味 |
<script> ~ </script> | スクリプトを指定・記述する。 ( 注記:スクリプト非対応のブラウザもあるので、スクリプト全体をコメント化した方が良い。) |
||
language | VBScript | VB Script を指定する。 | |
JavaScript | Java Script を指定する。(必須) | ||
src | ファイル名 | script を記述したファイルを指定する。 |
特殊機能