HTMLリファレンス

HTMLリファレンス

トップ > HTMLリファレンス

[HTML概要] [フレーム版] [用途順] [ABC順]

■ HTMLの基本

HTML文書を書く　→ <html>
HTMLのヘッダを書く　→ <head>
HTMLのタイトルを書く　→ <title>
HTMLの本文を書く　→ <body>
HTMLソースにコメントを書く　→
章の見出しを記述する　→ <h1>
段落を記述する　→ <p>
水平線を記述する　→ <hr>
< や > や & を記述する　→ &xxx;
3文字のスペースを書く　→

■ フォント（文字）

文字の大きさを変更する　→ <font size="...">, <basefont>, <big>
太字にする　→ <b>
斜体文字にする　→ <i>
等幅文字にする　→ <tt>
文字の色を変更する　→ <body text="...">, <font color="...">
ページ全体の文字色を変更する　→ <body text="...">, <basefont>
文字の書体を変更する　→ <font face="...">
リンクテキストの色を変更する　→ <body link="..." alink="..." vlink="...">
アンダーラインを引く　→ <u>
打ち消し線を引く　→ <s>, <strike>, <del>
文字を点滅させる　→ <blink>
上付き文字と下付き文字を書く　→ <sup>, <sub>

■ 改行

改行する　→ <br>, <div>
改行を禁止する　→ <nobr>
きりのよい箇所で改行する　→ <wbr>
ソースの改行をそのまま表示する　→ <pre>

■ 背景

背景色を指定する　→ <body bgcolor="...">
背景画像を指定する　→ <body background="...">
背景画像を固定する　→ <body bgproperties="fixed">

■ マルチメディア

画像を貼り付ける　→ <img src="...">
画像を右端に貼り付ける　→ <img align="right">, <br clear="...">
音を貼り付ける　→ <bgsound src="...">, <embed src="...">, <object>
動画を貼り付ける　→ <a href="douga.asx">, <embed src="...">, <object>, <img dynsrc="...">

■ 意味づけ

文字を強調する　→ <strong>, <em>
問合せ先を書く　→ <address>
引用文を書く　→ <blockquote>, <q>
挿入文であることを明示する　→ <ins>
削除文であることを明示する　→ <del>

■ リンク

リンクする　→ <a href="...">
ページの指定位置にリンクする　→ <a name="...">
画像からリンクする　→ <a href="..."><img src="..." border=0></a>
リンククリック時に新しいページを開く　→ <a target="_blank">
クリッカブルマップを記述する　→ <map>
メールアドレスクリックでメーラーを起動する　→ <a href="mailto:～">
Word文書を開く　→ <a href="xxx.doc">
リンク先のベースURLを指定する　→ <base>

■ レイアウト（配置）

中寄せする　→ <center>, <div align=center>
右寄せする　→ <div align=right>
ページの上下の余白を無くす　→ <body topmargin=0 marginheight=0>
ページの左右の余白を無くす　→ <body leftmargin=0 marginwidth=0>
画像を右端に表示する　→ <img align="right">
多段組み表示する　→ <multicol>, <table>

■ リスト

数字付きリスト（1, 2, 3, ...）を記述する　→ <ol>
英字付きリスト（a, b, c, ...）を記述する　→ <ol type="a">
アラビア数字付きリスト（i, ii, iii, ...）を記述する　→ <ol type="i">
数字無しリストを記述する　→ <ul>
数字無しリストで白丸や黒四角のマークを使用する　→ <ul type="...">
用語定義リストを記述する　→ <dl>

■ テーブル

テーブルを記述する　→ <table>
テーブルのキャプションを記述する　→ <caption>
テーブルの枠線を表示する　→ <table border=1>
テーブルの背景色を指定する　→ <table bgcolor="...">
テーブルの背景画像を指定する　→ <table background="...">
テーブルの枠線を平淡にする　→ <table border=1 cellspacing=0>
テーブルのデータを右寄せにする　→ <td align="...">, <col align="...">
テーブルのセルを連結する　→ <td colspan=2 rowspan=2>
テーブルの横幅を指定する　→ <table width=2>
テーブルのセルの横幅を指定する　→ <td width=2>

■ フォーム（入力フォーム）

フォームを記述する　→ <form>
フォーム部品をグルーピングする　→ <fieldset>
テキスト入力部品を用いる　→ <input type="text">
複数行テキスト入力部品を用いる　→ <textarea>
パスワード入力部品を用いる　→ <input type="password">
チェックボックス部品を用いる　→ <input type="checkbox">
ラジオボタン部品を用いる　→ <input type="radio">
選択部品を用いる　→ <select>
選択部品の項目をグルーピングする　→ <optgroup>
実行ボタンを用いる　→ <input type="submit">
リセットボタンを用いる　→ <input type="reset">
汎用ボタンを用いる　→ <input type="button">, <button>
隠しフィールドを用いる　→ <input type="hidden">
CGIを呼び出す　→ <form method="..." action="...">
ファイルをアップロードする　→ <input type="file">
ALT+英字で指定した部品にジャンプする　→ <input accesskey="x">

■ フレーム（画面分割）

フレームに分割する　→ <frameset cols="...">
フレームを解除する　→ <a target="_top" href="...">
リンク先を指定したフレームに表示する　→ <a target="...">
フレームの境界線を消す　→ <frameset frameborder=0>
ページの中央にフレームを表示する　→ <iframe>

■ 埋め込み

JavaScript を埋め込む　→ <script>
Java アプレットを埋め込む　→ <applet>
その他のオブジェクトを埋め込む　→ <object> <embed>

■ その他

HTML文書が準拠する仕様のバージョンを明記する　→ <!DOCTYPE>,
横に流れる文字（マーキー）を表示する　→ <marquee>
ルビをふる　→ <ruby>
ページのスクロールを禁止する　→ <body scroll=no>
文字化けを防ぐ　→ <meta http-equiv="Content-type" ...>
5秒後に自動的にジャンプする　→ <meta http-equiv="Refresh">
ページを定期的に再描画する　→ <meta http-equiv="Refresh">
キャッシュを無効にする　→ <meta http-equiv="Expires">