HTMLリファレンス - とほほのWWW入門

HTMLリファレンス

トップ > HTMLリファレンス

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

HTMLの基本

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

フォント(文字)

文字の大きさを変更する　→ CSS:font-size, ~~<font size=>~~, ~~<basefont>~~
太字にする　→ CSS:font-weight, <b>
斜体文字にする　→ CSS:font-style, <i>
等幅文字にする　→ CSS:font-family, ~~<tt>~~
文字の色を変更する　→ CSS:color, ~~<font color=>~~,
文字の書体を変更する　→ CSS:font-family, ~~<font face=>~~,
リンクテキストの色を変更する　→ CSS::link, ~~<body link= alink= vlink=>~~
アンダーラインを引く　→ CSS:text-decoration, <u>
打ち消し線を引く　→ <s>, <strike>, <del>
上付き文字と下付き文字を書く　→ <sup>, <sub>

改行

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

背景

背景色を指定する　→ CSS:background-color, ~~<body bgcolor="...">~~
背景画像を指定する　→ CSS:background-image, ~~<body background="...">~~
背景画像を固定する　→ CSS:background-attachment, ~~<body bgproperties="fixed">~~

マルチメディア

画像を貼り付ける　→ <img src="...">
画像を右端に貼り付ける　→ CSS:float, CSS:clear, ~~<img align="right">,~~ ~~<br clear="...">~~
音を貼り付ける　→ <audio src="...">, ~~<bgsound src="...">~~, <embed src="...">, <object>
動画を貼り付ける　→ <video src="...">, <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="...">
フレームの境界線を消す　→ <frame 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">

Copyright (C) 2000-2015 杜甫々

初版:2000年10月9日最終更新:2015年1月24日

http://www.tohoho-web.com/html/index9.htm