HTML

目次

詳細を開く 詳細を閉じる

コンテナ

段落

<p>

改行

リンク

<a>

リスト
箇条書き

説明リスト
定義リスト

テーブル
(HTML3)

テーブル
(HTML4)

コード

フォーム
( 基本 )

フォーム
( 出力 )

<input>
テキスト型

<input>
ボタン型

<input>
特殊型

水平線

機能の説明(一部)

改行

<br> ブラウザの幅に関わらず 文または単語の 改行を実行
white-space: nowrap; 改行を禁止
<wbr> ブラウザの幅に応じて 長い単語を 自動的に改行

強調

インライン要素 <strong> 重要 太字
<em> アクセント 斜字体
<mark> 一時的な強調 ハイライト

コード

ブロック要素 <pre> 整形済みテキスト 等幅フォント
インライン要素 <code> プログラミングコード
<samp> コンピュータからの出力
<var> プログラミング言語や数学の変数 イタリック体

引用

ブロック要素 <blockquote> 文の引用 段落の引用。長い引用。
インライン要素 <q> 文中の引用。短い引用。
<cite> 引用元の情報

<form>のコントロール

基本<fieldset>コントロールのグループ化
<label>各コントロールにラベル(見出し)を付ける
入力<button>ボタン(送信リセット一般画像
<input>type属性を指定することで、様々な入力エリアを作る
<textarea>複数行入力可能なテキストボックス
<select>セレクトボックス(セレクトボタン)
<datalist>入力候補となるリストを提供
出力<output>計算結果
<progress>進捗状態を表示
<meter>特定の範囲内に収まる数値を図的に表示

全てのコントロールのサンプルを一括で見るには、こちら

<input>type

テキスト型
textテキストボックス
passwordパスワード
number数値
emailメールアドレス
urlURL
tel電話番号
search検索語
ボタン型
submit送信ボタン
resetリセットボタン
button一般のボタン
image画像ボタン(送信)
特殊型
radioラジオボタン
checkboxチェックボックス
hidden隠しエリア
fileファイル送信
range数値レンジ
colorカラーパレット
日付型
date日付
datetime日付と時刻
datetime-localローカルタイム
month
time時刻
week

全てのtypeのサンプルを一括で見るには、こちら

詳細を開く 詳細を閉じる
詳細を開く詳細を閉じるページの先頭へ