|
|
ホーム＞HTML逆引きリファレンス（目的別タグ辞典） |
| タグ一覧（ABC順） | 目的別タグ一覧 | スタイルシート一覧（ABC順） | 目的別スタイルシート一覧 |
| 基本と全体構造 | 表示と装飾 | テキスト | リスト | 画像と埋め込み |
| リンク | テーブル | フォーム | フレーム | その他・属性 |
はじめに -目的別タグ一覧-
HTML逆引きリファレンスとは、HTMLのタグを目的別にまとめ、あなたの目的に応じたリンクをクリックしてもらうことによってその役割を果たすタグを調べることができます。また、当サイトではIE独自のタグなども紹介しています。なお、アルファベット順のタグの一覧なども用意していますので合わせてご利用してくれれば幸いです！
当サイト全体からキーワードで検索したい場合は、検索窓をご利用ください。
※タグの説明の前に「
」のチェックが付いているタグは「非推奨」のタグです。
※説明の後ろに「-ブラウザ名-」と標記されていた場合は、そのブラウザの独自の仕様や機能です。ちなみに、「-IE-」は「 Internet Explorer 」のことで、「-NN-」は「 Netscape Navigator 」のことです。
基本構造
- ドキュメントタイプの宣言…<!DOCTYPE>
- ブラウザに表示されないコメントを記述する…<!-- -->
- HTML文書であることを指定する…<html>
- 文書全体の情報を示す…<head>
- 文書にタイトルを記述する…<title>
- そのHTML文書に関する情報を示す…<meta>
- ページの本文を記述する…<body>
- いろいろなレベルの見出しを作る…<h1>〜<h6>
- 段落を作成する…<p>
- 改行する…<br>
要素のグループ化
- 複数の要素をグループにする…<div>
- インライン要素やテキストをグループ化する…<span>
スタイルシート、スクリプト
- HTML文書内でCSSを記述する…<style>
- スクリプトを記述する…<script>
- スクリプトが実行されないブラウザ用に内容を表示する…<noscript>
フォント（文字）
テキストの色や大きさ、種類を指定する…<font>
テキストの大きさ、色、フォントの種類を指定する…<basefont>
テキストの表示
- テキストを太字で表示する…<b>
- テキストを斜体で表示する…<i>
- テキストに下線を表示する…<u>
- テキストを等幅フォントで表示する…<tt>
- テキストに打ち消し線を表示する…<s>
- 打ち消し線を表示する…<strike>
- 上付き文字で表示する…<sup>
- 下付き文字で表示する…<sub>
- テキストをひとまわり大きく表示する…<big>
- テキストをひとまわり小さく表示する…<small>
- 中央に表示する…<center>
罫線（横線）
- 横の罫線を表示する…<hr>
語句の強調
- テキストを強調する…<em>
- テキストをより強く強調する…<strong>
引用
- 引用文を示す（ブロック要素）…<blockquote>
- 短い語句の引用を示す（インライン要素）…<q>
- 引用元を示す…<cite>
問い合わせ先
- Webページ作者への問い合わせ先や連絡先を表す…<address>
そのまま表示
- ソースコード、空白や改行をそのまま表示する…<pre>
- 空白や改行をそのまま表示する…<plaintext>
- 空白や改行をそのまま表示する -NN- …<xmp>
- 空白や改行をそのまま表示する…<listing>
定義
- 定義する用語を表す…<dfn>
PCの語句
- プログラムソースコードを示す…<code>
- キーボードから入力される文字であることを示す…<kbd>
- プログラムを実行した結果のサンプルであることを示す…<samp>
- パラメータや変数、引数であることを示す…<var>
略語と頭字語
- 略語であることを示す…<abbr>
- 頭字語であることを示す…<acronym>
内容の追加と削除
- 削除した部分であることを示す…<del>
- 後から挿入されたものであることを示す…<ins>
並びの変更
- 文字の横方向の並びを指定する…<bdo>
ルビ -IEのみ対応-
- ルビが振られる語句とルビの文字を指定する -IE- …<ruby>
- ルビが振られる語句を指定する -IE- …<rb>
- ルビの文字を指定する -IE- …<rt>
- ルビに対応していないブラウザにルビを囲むかっこを指定する -IE- …<rp>
通常リスト
- リストを作成する…<ul>
- 順序のあるリストを表示する…<ol>
- リストの項目を作成する…<li>
定義リスト
- 定義リストを作成する…<dl>
- 定義リストの用語を表す…<dt>
- 定義リストの説明を表す…<dd>
通常リスト（古い要素なので ul , ol , li 要素を使うことをおすすめします）
- 画像を埋め込む…<img>
- いろいろなオブジェクトを埋め込む…<object>
- パラメータを指定する…<param>
- Javaアプレットを埋め込む…<applet>
- プラグインを埋め込む -NN- …<embed>
リンク
イメージマップ
- イメージマップを作成する…<map>
- イメージマップの領域を設定する…<area>
- 他のページとの関係を示し、文書を参照する…<link>
- 相対パスの基準となるURLを指定する…<base>
- 表を作成する…<table>
- 表の行を作成する…<tr>
- 表のデータセルを作成する…<td>
- 表の見出しセルを作成する…<th>
- 表にタイトルを付ける…<caption>
- 表のヘッダーとなる行のグループを作成する…<thead>
- 表の本体（ボディー）となる行のグループを作成する…<tbody>
- 表のフッターとなる行のグループを作成する…<tfoot>
- 表の列をグループにする…<colgroup>
- 表の列に関する属性を指定する…<col>
- フォームを作成する…<form>
- フォームのさまざまな項目（入力項目やボタン）を作る…<input>
- 複数行の入力欄を作成する…<textarea>
- セレクトボックスを作る…<select>
- 選択肢を作成する…<option>
- セレクトボックスの選択肢をグループに分ける…<optgroup>
- ボタンを作る…<button>
- フォームの項目（部品）とラベルの関連付けをする…<label>
- 入力項目をグループ化する…<fieldset>
- フォームの入力項目グループに見出しを付ける…<legend>
- 語句を検索する入力欄を作る…<isindex>
- 画面（ウィンドウ）をフレームで構成する…<frameset>
- 個々のフレームを作成する…<frame>
- フレームに対応していないブラウザに内容を表示する…<noframes>
- インラインフレームを作る…<iframe>
その他
- 文字や画像をスクロールさせる -IE- …<marquee>
- BGMを鳴らす -IE- …<bgsound>
- 文字を点滅させる -NN- …<blink>
- accesskey=""…アクセスキーで操作可能にする
- class=""…要素にクラス名を付ける
- dir=""…要素の内容を左右どちらから並べるかを指定する
- id=""…要素にID名を付ける
- lang=""…要素の内容が何語で記述しているのかを示す
- style=""…要素にスタイルシートを適応させる
- tabindex=""…ハイパーリンクを貼ったり、リンク元やリンク先を指定できます
- title=""…要素にタイトルを付ける
イベント属性
- onblur=""…要素からフォーカス（入力イベントを受け取りキーボードで操作できる状態）がはずれたときスクリプトを実行する
- onchange=""…フォームの入力項目が変化したときスクリプトを実行する
- onclick=""…要素の上でマウスをクリックしたときにスクリプトを実行する
- ondblclick=""…要素の上でマウスをダブルクリックしたときにスクリプトを実行する
- onfocus=""…要素がフォーカス（入力イベントを受け取りキーボードで操作できる状態）されたときスクリプトを実行する
- onkeydown=""…要素の上でキーボードのいずれかのキーを押したときスクリプトを実行する
- onkeypress=""…要素の上でキーボードのいずれかのキーを押して離れたときスクリプトを実行する
- onkeyup=""…要素の上で押していたキーボードのいずれかのキーが離されたときにスクリプトを実行する
- onload=""…ページの読み込みが完了したときにスクリプトを実行する
- onmousedown=""…要素の上でマウスのボタンを押したときスクリプトを実行する
- onmousemove=""…要素の上でマウスをスクリプトを実行する
- onmouseout=""…要素の上からマウスポインタが離れたときをスクリプトを実行する
- onmouseover=""…要素の上でマウスをスクリプトを実行する
- onmouseup=""…要素の上でマウスをスクリプトを実行する
- onselect=""…フォームのテキスト入力欄のテキストを選択したときスクリプトを実行する
- onunload=""…別のページに移動しようとしたときにスクリプトを実行する
- <form onreset="">…フォームのコントロール部品のリセットボタンでリセットされる前にスクリプトを実行する
- <form onsubmit="">…フォームが送信される前にスクリプトを実行する
 |
ゼロから始めよう！わかりやすい！ホームページ作成ガイド
|
 |