記事の大見出し（h2要素）

記事の中見出し（h3要素）

記事の小見出し（h4要素）

小見出しより重要度の低い見出し（h5要素）
最も重要度の低い見出し（h6要素）

アンカーサンプル

イメージマップ

イメージマップサンプル リンク

段落・強調・追加・削除サンプル

一つめの段落

二つめの段落（長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル長文サンプル）

強調する内容・ より強く強調する内容・ 追加した内容・ 削除した内容

div直下の追加・削除サンプル

追加した内容（リンク）

削除した内容（リンク）

リストサンプル

序列リスト

  1. 順番性のあるリストです
  2. 序列リスト
  3. 序列リスト
  1. 序列リスト
    1. 序列リストに序列リストの入れ子
      1. 序列リストに序列リストに序列リストの入れ子
      2. 序列リストに序列リストに序列リストの入れ子
    2. 序列リストに序列リストの入れ子
  2. 序列リスト
    • 序列リストに順不同リストの入れ子
    • 序列リストに順不同リストの入れ子
  3. 序列リスト
    序列リストに定義リストの入れ子
    序列リストに定義リストの入れ子

順不同リスト

  • 順番性のないリストです
  • 順不同リスト
  • 順不同リスト
  • 順不同リスト
    1. 順不同リストに序列リストの入れ子
    2. 順不同リストに序列リストの入れ子
  • 順不同リスト
    • 順不同リストに順不同リストの入れ子
      • 順不同リストに順不同リストに順不同リストの入れ子
      • 順不同リストに順不同リストに順不同リストの入れ子
    • 順不同リストに順不同リストの入れ子
  • 順不同リスト
    順不同リストに定義リストの入れ子
    順不同リストに定義リストの入れ子

定義リスト

定義リストとは
用語を定義し、その解説をするリストです。
定義リスト
定義リスト
<dd>は連続して出現できます。定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト
定義リスト
<dt>は連続して出現できます。
定義リスト
定義リスト
  1. 定義リストに序列リストの入れ子
  2. 定義リストに序列リストの入れ子
定義リスト
  • 定義リストに順不同リストの入れ子
  • 定義リストに順不同リストの入れ子
定義リスト
定義リストに定義リストの入れ子
定義リストに定義リストの入れ子

フォームサンプル

input
セレクト

出典・引用文サンプル

出典

探偵小説の正体（青空文庫）

インラインレベルの引用文

探偵小説はジフテリヤの血清に似ている。

このパラグラフに含まれる或る人は探偵小説の魅力を、謎々の魅力と同一のものだという。というのは引用文です。

ブロックレベルの引用文

　探偵小説はジフテリヤの血清に似ている。ジフテリヤの血清をジフテリヤ患者に注射するとステキに利く。百発百中と云ってもいい位おそろしい効果を以て、ジフテリヤの病源体をヤッツケてしまうらしい。

　それでいてジフテリヤの病源体はまだ発見されていない。近代医学の威力を以てしても正体が掴めないでいる。つまり薬の方が先に発見されているのに、病気の正体の方が判明しないので、裁判が確定しているのに、犯人が捕まらないみたいな恰好になっている。一種のナンセンスと云えば云える状態である。

　探偵小説の正体も同様である。

探偵小説と貼紙をした古屑籠（くずかご）の蓋を取ってみると

  • 怪奇
  • 冒険
  • ユーモア
  • ナンセンス
  • 変態心理

といったような読物の妖怪変化がウジャウジャと押し合いへし合いながら巣喰っている。その中から探偵小説らしい奴を一匹引っぱり出そうとすると、ちょっと見たところ全然別物に見えるほかの化物連中が、

  1. その探偵小説の胴体に、
  2. 背中や尻ペタ同志で、
  3. シャム兄弟のように繋（つな）がり合って、

ギャギャ悲鳴を揚げながら絡み合って出て来るから、ビックリさせられてしまう。

　探偵小説の横腹から足だけを二本ニューと出してバタバタやっている冒険小説。探偵小説のお尻の穴から片手を突出してオイデオイデをしている変態心理。肩の横っちょに頭を並べている怪奇小説。お尻だけ共通し合っているユーモア小説。瘤になって額にカジリ付いているナンセンス小説。探偵小説の身体（からだ）の隅々に、毛のように叢生しているエロ、グロ小説といったようなアンバイで、結局、探偵小説と名付くる動物は、メスで解剖出来ない、超科学的なものになってしまう。

或る人は探偵小説の魅力を、謎々の魅力と同一のものだという。

アドレスサンプル

著者情報
連絡先情報
〒000-0000 東京都○○区××市0-0-0 （MAP）
メールアドレス：mail[at]address （mailform）

画像サンプル

段落直下の画像：

  • アンカー画像（訪問済）：
  • アンカー画像（未訪問）：

テーブルサンプル

見出し見出し見出し見出し
情報情報情報情報情報
情報情報情報
情報情報情報情報
キャプション
thead:見出しセルthead:情報セルthead:情報セル
tfoot:見出しセルtfoot:情報セルtfoot:情報セル
tbody:見出しセルtbody:情報セルtbody:情報セル
tbody:見出しセルtbody:情報セルtbody:情報セル
tbody:見出しセルtbody:情報セルtbody:情報セル
tbody:見出しセルtbody:情報セルtbody:情報セル

整形済みテキストサンプル

整形済みテキスト  セイケイズミテキスト  PREformatted text
      整形済みテキスト  セイケイズミテキスト  整形済みテキスト  セイケイズミテキスト  整形済みテキスト
            整形済みテキスト                   整形済みテキスト  セイケイズミテキスト  整形済みテキスト セイケイズミテキスト
      整形済みテキスト  seikeizumi-text     整形済みテキスト  seikeizumi-text     整形済みテキスト
PREformatted text  PREformatted text  PREformatted text  PREformatted text  PREformatted text  PREformatted text
function test($a, $b)
{
    $n = ($a > $b) ? $a - $b : $a + $b;
    return $n;
}
echo test('5','2');
　　∧,,∧
　(；`・ω・）　　｡･ﾟ･⌒） チャーハン作るよ！！
　/　　 ｏ━ヽニニフ))
　しー-Ｊ

挿入系

※IEではiframeやobjectで、メディアクエリを用いたページやドキュメントモードの異なるページを読み込んだ場合、バグって表示が崩れる可能性があります。

インラインフレームサンプル

objectサンプル

その他

省略語サンプル

HTML , NATO

コードサンプル

frame.show();

変数サンプル

n=x+y-2

入力値サンプル

okと入力したあとEnterキーを押してください。

出力値サンプル

sample.cgiが正しく実行されるとHello！と表示されます。

定義語サンプル

dfn要素は定義語を示します。

上付き・下付きサンプル

(x-a)2 = b

H2O

水平線サンプル

その他物理的な文字装飾のサンプル

これらは非推奨要素です。これらの装飾性に「強調したいから」「削除した情報だから」など意味合いがあるならば、それに見合った論理要素を使います。

  • <b>太字</b>
  • <i>イタリック</i>
  • <big>大きな文字</big>
  • <s>打ち消し</s>
  • <small>小さな文字</small>
  • <tt>等幅</tt>