HTMLリファレンス
[HTML概要] [フレーム版] [用途順] [ABC順]目次
HTMLの基本
- HTMLのバージョンを明記する：
<!DOCTYPE> - HTML文書を書く：
<html> - HTMLのヘッダを書く：
<head> - HTMLのタイトルを書く：
<title> - HTMLの本文を書く：
<body> - HTMLソースにコメントを書く：
<!-- --> - 水平線を記述する：
<hr> - < や > や & を記述する： &xxx;
- 2文字以上のスペースを書く：
文書構造
- メインブロック：
<main> - ヘッダーブロック：
<header> - フッターブロック：
<footer> - ナビゲーターブロック：
<nav> - サイドブロック：
<aside> - セクションを記述する：
<section> - 章の見出しを記述する：
<h1> - 段落を記述する：
<p>
フォント(文字)
- 文字の大きさを変更する：
CSS:font-size,<font size=>,<basefont> - 太字にする：
CSS:font-weight,<b> - 斜体文字にする：
CSS:font-style,<i> - アンダーラインを引く：
CSS:text-decoration,<u> - 等幅文字にする：
CSS:font-family,<tt> - 文字の色を変更する：
CSS:color,<font color=>, - 文字の書体を変更する：
CSS:font-family,<font face=>, - リンクテキストの色を変更する：
CSS::link,<body link= alink= vlink=> - 打ち消し線を引く：
<s>,<del>,<strike> - 上付き文字と下付き文字を書く：
<sup>,<sub>
改行
背景
- 背景色を指定する：
CSS:background-color,<body bgcolor="..."> - 背景画像を指定する：
CSS:background-image,<body background="..."> - 背景画像を固定する：
CSS:background-attachment,<body bgproperties="fixed">
マルチメディア
- 画像を貼り付ける：
<img src="..."> - 音声を貼り付ける：
<audio src="...">,<bgsound src="...">,<embed src="...">,<object data="..."> - 動画を貼り付ける：
<video src="...">,<embed src="...">,<object data="...">
意味づけ
- 文字を強調する：
<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>
レイアウト(配置)
- 中寄せする：
CSS:text-align,<center><div align=center> - 右寄せする：
CSS:text-align,<div align=right> - ページの周りの余白を無くす：
CSS:margin,CSS:padding,<body topmargin=0 marginheight=0> - 画像を右端に表示する：
CSS:text-align,<img align="right"> - 多段組み表示する：
columns,<multicol><table>
リスト
- 数字付きリスト(1, 2, 3, ...)を記述する：
<ol> - 英字付きリスト(a, b, c, ...)を記述する：
<ol type="a"> - アラビア数字付きリスト(i, ii, iii, ...)を記述する：
<ol type="i"> - 数字無しリストを記述する：
<ul> - 数字無しリストで白丸や黒四角のマークを使用する：
<ul type="..."> - 用語定義リストを記述する：
<dl>
テーブル
- テーブルを記述する：
<table> - テーブルのキャプションを記述する：
<caption> - テーブルの枠線を表示する：
CSS:border,<table border=1> - テーブルの背景色を指定する：
CSS:background-color,<table bgcolor="..."> - テーブルの背景画像を指定する：
CSS:background-image<table background="..."> - テーブルのデータを右寄せにする：
CSS:text-align,<td align="..."><col align="..."> - テーブルのセルを連結する：
<td colspan=2 rowspan=2> - テーブルの横幅を指定する：
width,<table width=2> - テーブルのセルの横幅を指定する：
width,<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>
埋め込み
その他
- 横に流れる文字(マーキー)を表示する：
<marquee> - ルビをふる：
<ruby> - 文字化けを防ぐ：
<meta charset="..."> - 5秒後に自動的にジャンプする：
<meta http-equiv="Refresh"> - ページを定期的に再描画する：
<meta http-equiv="Refresh"> - キャッシュを無効にする：
<meta http-equiv="Expires">
Copyright (C) 2000-2015 杜甫々
初版:2000年10月9日 最終更新:2015年1月24日
https://www.tohoho-web.com/html/index9.htm