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 を記述したファイルを指定する。 | |
特殊機能
![[ロゴ] ウェブデザインスタジオ山梨](/assets/img/layout/header_title.png)