ブログ投稿のサンプル
このブログ投稿では、Bootstrap でサポートおよびスタイル設定されているいくつかの異なる種類のコンテンツを示しています。基本的なタイポグラフィ、リスト、テーブル、画像、コードなどはすべて期待どおりにサポートされています。
これは、いくつかの追加の段落プレースホルダー コンテンツです。利用可能なスペースを埋めるように書かれており、テキストのより長いスニペットが周囲のコンテンツにどのように影響するかを示しています。デモンストレーションの流れを維持するために何度も繰り返しますので、まったく同じ文字列に注意してください。
ブロッククオート
これは実際のブロック引用の例です:
ここに引用文が入ります。
これは、いくつかの追加の段落プレースホルダー コンテンツです。利用可能なスペースを埋めるように書かれており、テキストのより長いスニペットが周囲のコンテンツにどのように影響するかを示しています。デモンストレーションの流れを維持するために何度も繰り返しますので、まったく同じ文字列に注意してください。
リストの例
これは、いくつかの追加の段落プレースホルダー コンテンツです。これは、全体で使用されている他の非常に反復的な本文テキストのわずかに短いバージョンです。これは順序なしリストの例です:
- 最初のリスト項目
- より長い説明を持つ 2 番目のリスト項目
- それを閉じる 3 番目のリスト項目
そして、これは順序付けられたリストです:
- 最初のリスト項目
- より長い説明を持つ 2 番目のリスト項目
- それを閉じる 3 番目のリスト項目
そして、これは定義リストです:
- ハイパーテキスト マークアップ言語 (HTML)
- Web ページのコンテンツを記述および定義するために使用される言語
- カスケード スタイル シート (CSS)
- Web コンテンツの外観を説明するために使用
- JavaScript (JS)
- 高度な Web サイトやアプリケーションの構築に使用されるプログラミング言語
インライン HTML 要素
HTML は、利用可能なインライン タグの長いリストを定義します。その完全なリストはMozilla Developer Networkで見つけることができます。
- テキストを太字にするには、 を使用します
<strong>。 - テキストを斜体にするには、 を使用します
<em>。 - HTMLなどの略語で
<abbr>は、省略可能titleな完全な句の属性を使用する必要があります。 - Mark Ottoのような引用には を使用する必要があります
<cite>。 削除しましたテキストは使用する必要が<del>あり、挿入されたテキストは を使用する必要があります<ins>。- 上付き文字は を使用し
<sup>、下付き文字は を使用します<sub>。
これらの要素のほとんどは、ブラウザーによってスタイル設定され、私たちの側ではほとんど変更されていません。
見出し
これは、いくつかの追加の段落プレースホルダー コンテンツです。利用可能なスペースを埋めるように書かれており、テキストのより長いスニペットが周囲のコンテンツにどのように影響するかを示しています。デモンストレーションの流れを維持するために何度も繰り返しますので、まったく同じ文字列に注意してください。
小見出し
これは、いくつかの追加の段落プレースホルダー コンテンツです。利用可能なスペースを埋めるように書かれており、テキストのより長いスニペットが周囲のコンテンツにどのように影響するかを示しています。デモンストレーションの流れを維持するために何度も繰り返しますので、まったく同じ文字列に注意してください。
Example code blockこれは、いくつかの追加の段落プレースホルダー コンテンツです。これは、全体で使用されている他の非常に反復的な本文テキストのわずかに短いバージョンです。