事例テスト1

見出しのスタイリング

見出し1によるデフォルトスタイリング Heading1 Default Styling

見出し2によるデフォルトスタイリング Heading2 Default Styling

見出し3によるデフォルトスタイリング Heading3 Default Styling

見出し4によるデフォルトスタイリング Heading4 Default Styling

見出し5によるデフォルトスタイリング Heading5 Default Styling
見出し6によるデフォルトスタイリング Heading6 Default Styling

テキストのスタイリング

ロンドン、サヴィル・ロウの高級テーラー「キングスマン」は、どこの国にも所属せず秘密裏の活動を行い、数々の難事件・テロリズムを解決する、スパイの本拠地であった。

かつての「キングスマン」候補生の息子であり元海兵隊員のエグジーは義父率いるギャングとの諍いの中逮捕され、17年前に父の死後「キングスマン」の勲章(メダル)を手渡しにきた工作員のハリーと出会う。
エグジーはハリーの薦めにより父と同様に「キングスマン」の選考試験に参加し、他の候補生たちとともに過酷な試練を経験することになる。

一方、ハリーは仲間の死に関わった一連の事件にリッチモンド・ヴァレンタインというアメリカ人実業家が絡んでいることを知る。
ヴァレンタインを調べていくうちに判明したのは、人類の存亡を揺るがす巨大な陰謀であった。

リストのスタイリング

番号なしリスト

  • リスト項目 1
  • リスト項目 2
  • リスト項目 3
  • リスト項目 4
  • リスト項目 5

番号なしリスト・ネストあり

  • リスト項目 1
  • リスト項目 2
    • サブリスト項目 1
    • サブリスト項目 2
    • サブリスト項目 3
    • サブリスト項目 4
  • リスト項目 3
  • リスト項目 4
  • リスト項目 5

番号付きリスト

  1. リスト項目 1
  2. リスト項目 2
  3. リスト項目 3
  4. リスト項目 4
  5. リスト項目 5

番号付きリスト・ネストあり

  1. リスト項目 1
  2. リスト項目 2
    1. サブリスト項目 1
    2. サブリスト項目 2
    3. サブリスト項目 3
    4. サブリスト項目 4
  3. リスト項目 3
  4. リスト項目 4
  5. リスト項目 5

引用 (Blockquote) テスト

一行の引用。

ハングリーであれ、愚かであれ。

cite 参照を含む複数行の引用。

これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。そしてやがてホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。しかし音楽ともなれば、私は即座によろこんで会話する。そう、それがジャズ音楽のすべてだ。 スタン・ゲッツ

HTML 要素タグテスト

他の HTML タグは FAQ をご覧ください。

住所タグ 以下は住所の例です。<address> タグを使用しています:

〒100-0000東京都千代田区1-1-1 日本

anchor タグ (リンク) これは <anchor> (もしくはリンクとも呼ばれます) の例です。

abbr タグ この abbr は文章の中にある <abbr> タグの例です。

Cite タグ “Code is poetry.” —WordPress

Code タグ <code> タグはこのように使います: word-wrap: break-word;

Delete タグ <del> タグは打ち消し線などで表現されますが、このタグは HTML5 ではサポートされていません (代わりに <strike> を使ってください)。

Emphasize タグ <em> タグは文章の強調に使われます。欧文では斜体になっていることがよくあります。

Insert タグ <ins> タグは挿入されたコンテンツを意味します。

Keyboard タグ このあまり知られていない <kbd> タグは Ctrl のようにキーボードテキストをエミュレートします。通常、<code> タグと同じようにスタイリングされます。

Preformatted タグ <pre> タグは複数行のコードのスタイリングに使います。

.post-title {

	margin: 0 0 5px;

	font-weight: bold;

	font-size: 38px;

	line-height: 1.2;

	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;

}

Quote タグ デベロッパーズ、デベロッパーズ, デベロッパーズ… –スティーブ・バルマー

Strike タグ (HTML5 では非推奨) このタグは打ち消し線を表しています。

Strong タグ このタグは太字テキストを表しています。

Subscript タグ Subscript タグ <sub> を使うと H2O のような表示の際に「2」が下付きになります。

Superscript タグ Superscript タグ <sup> を使うと E = MC2 のような表示の際に「2」が上付きになります。

Variable タグ 変数や引数を表す variables タグです。