ブログ記事のサンプル
このブログ記事では、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
これは、追加の段落プレースホルダーコンテンツです。全体で使用されている他の非常に反復的な本文テキストよりも少し短いバージョンです。