文章スタイル

文章スタイル | 画像レイアウト | 動画・SNS埋め込み

見出し

<h1><h2><h3><h4><h5><h6>

このテーマでは<h2>からの使用を推奨しています。

見出し3(h3)

これは正式な文章の代わりに入れて使うダミーテキストです。ダミーテキストはダミー文書やダミー文章とも呼ばれることがあります。書体やレイアウトなどを確認するために用います。

見出し4(h4)

見出し5(h5)
見出し6(h6)

引用

<blockquote><q><cite>

別のサイトや文献から文章を引用する場合は<blockquote>で囲みます。

これは正式な文章の代わりに入れて使うダミーテキストです。ダミーテキストはダミー文書やダミー文章とも呼ばれることがあります。書体やレイアウトなどを確認するために用います。本文用なので使い方を間違えると不自然に見えることもありますので要注意。文章に特に深い意味はありません。

参照元・出典元を表記する場合は<cite>使用します。

これは正式な文章の代わりに入れて使うダミーテキストです。ダミーテキストはダミー文書やダミー文章とも呼ばれることがあります。書体やレイアウトなどを確認するために用います。本文用なので使い方を間違えると不自然に見えることもありますので要注意。文章に特に深い意味はありません。

ダミーテキストジェネレータ

改行を含まない文中の引用には<q>が適しています。

このあと引用これは正式な文章の代わりに入れて使うダミーテキストです。ダミーテキストはダミー文書やダミー文章とも呼ばれることがあります。書体やレイアウトなどを確認するために用います。ここまで引用。

テーブル / 表組み

<table><thead><tr><th><tbody><td>

種類 分類 特徴
ヨークシャテリア かわいい
ポメラニアン かわいい
柴犬 かわいい
アメリカンショートヘア かわいい

定義リスト

<dl><dt><dd>

ヨークシャテリア
英語名はYorkshire Terrier。かわいいことで有名。
ポメラニアン
英語名はPomeranian。かわいいことで有名。
柴犬
英語名はShiba Inu。かわいいことで有名。
アメリカンショートヘア
英語名はAmerican Shorthair。かわいいことで有名。

リスト

<ul><ol>

通常のリスト<ul>です。

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

ネストするとこうなります。

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

数字リスト<ol>はこうなります。

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

整形済みテキスト

複数行のコードのスタイリングには<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;
}
文章スタイル | 画像レイアウト | 動画・SNS埋め込み