HTML タグとフォーマット

見出し2

見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。

見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。見出し2の下の文章です。

見出し3

見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。

見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。見出し3の下の文章です。

見出し4

見出し4の下の文章です。見出し4の下の文章です。見出し4の下の文章です。見出し4の下の文章です。見出し4の下の文章です。見出し4の下の文章です。見出し4の下の文章です。見出し4の下の文章です。

見出し5

見出し5の下の文章です。見出し5の下の文章です。見出し5の下の文章です。見出し5の下の文章です。見出し5の下の文章です。

見出し6

見出し6の下の文章です。見出し6の下の文章です。見出し6の下の文章です。見出し6の下の文章です。

引用 (Blockquote) テスト

一行の引用。

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

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

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

スタン・ゲッツ

ボタン

リンク

default primary success info warning danger

block

テキスト背景

bg-*というクラスをつけることで背景色をつけることができます。

bg-primary

bg-success

bg-info

bg-warning

bg-danger

グリッド

col-md-6

スマホ・タブレットサイズでは1列、PCサイズでは2列になります。

col-md-6

スマホ・タブレットサイズでは1列、PCサイズでは2列になります。

col-md-4

スマホ・タブレットサイズでは1列、PCサイズでは3列になります。

col-md-4

スマホ・タブレットサイズでは1列、PCサイズでは3列になります。

col-md-4

スマホ・タブレットサイズでは1列、PCサイズでは3列になります。

col-md-3

スマホ・タブレットサイズでは1列、PCサイズでは4列になります。

col-md-3

スマホ・タブレットサイズでは1列、PCサイズでは4列になります。

col-md-3

スマホ・タブレットサイズでは1列、PCサイズでは4列になります。

col-md-3

スマホ・タブレットサイズでは1列、PCサイズでは4列になります。

テーブル

<table class="table">とスタイリングされた表になります。

社員 給料
山田太郎 1ドル スティーブ・ジョブズが必要なサラリーと同じ額。
田中花子 1,000万円 ブログを書くために必要になる資金。
山本次郎 1億円 百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。
中山愛子 10億円 特に理由は要りません。

<table class="table table-striped">とするとしましまになります。

社員 給料
山田太郎 1ドル スティーブ・ジョブズが必要なサラリーと同じ額。
田中花子 1,000万円 ブログを書くために必要になる資金。
山本次郎 1億円 百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。
中山愛子 10億円 特に理由は要りません。

<table class="table table-bordered">とすると線がつきます。

社員 給料
山田太郎 1ドル スティーブ・ジョブズが必要なサラリーと同じ額。
田中花子 1,000万円 ブログを書くために必要になる資金。
山本次郎 1億円 百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。
中山愛子 10億円 特に理由は要りません。
定義リストタイトル
これは定義リストです。
定義
物事、領域、何かについての意味の正確な文章や説明: 詩を構成するものの定義。
ギャラリー
WordPress 2.5 から導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。
Gravatar (グラバター)
グラバターとはグローバルに認識されるアバター (あるユーザーを表すグラフィックイメージや写真) です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。

非順序リスト (ネスト化)

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

順序リスト (ネスト化)

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