テキスト関連のスタイリングテキスト関連のスタイリング

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

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

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

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

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

見出し5によるデフォルトスタイリング Heading5 Default Styling
見出し6によるデフォルトスタイリング Heading6 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 タグです。

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

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

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

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

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