見出し1：これがページのタイトルになります[H1]

[pタグ]ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます

見出し2です[H2]

[pタグ]ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます

見出し3です[H3]

[pタグ]ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます

見出し4です[H4]

[pタグ]ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます

リストタグ（箇条書き）[ul]

• これはテストです。this is test. これはテストです。this is test.これはテストです。
• これはテストです。this is test. これはテストです。this is test.これはテストです。
• これはテストです。this is test. これはテストです。this is test.これはテストです。

リストタグ（箇条書き）[ol]

1. これはテストです。this is test. これはテストです。this is test.これはテストです。
2. これはテストです。this is test. これはテストです。this is test.これはテストです。
3. これはテストです。this is test. これはテストです。this is test.これはテストです。

引用タグ[blockquote]

引用します。引用します引用します引用します引用します引用します引用します引用します引用します引用します引用します引用します引用します引用します引用します

th	th	th	th	th
th	セルの中身	セルの中身	セルの中身	セルの中身
th	セルの中身	セルの中身	セルの中身	セルの中身
th	セルの中身	セルの中身	セルの中身	セルの中身

 

ランキングアイテムをここに入れる　[h3 class:ranking id:rank01]

ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます

ランキングアイテムをここに入れる　[h3 class:ranking id:rank02]

ランキングアイテムをここに入れる　[h3 class:ranking id:rank03]

ランキングアイテムをここに入れる　[h3 class:ranking id:rank04]

ランキングアイテムをここに入れる　[h3 class:ranking id:rank05]

ランキングアイテムをここに入れる　[h3 class:ranking id:rank06]

ランキングアイテムをここに入れる　[h3 class:ranking id:rank07]

ランキングアイテムをここに入れる　[h3 class:ranking id:rank08]

ランキングアイテムをここに入れる　[h3 class:ranking id:rank09]

ランキングアイテムをここに入れる　[h3 class:ranking id:rank10]

指アイコン

リンクタグを強調したり、注目がほしいときに「指アイコン」をつけるのも効果的です。

指アイコンを付けるとこうなります　[p class:finger_blue]

指アイコンを付けるとこうなります　[p class:finger_red]

指アイコンを付けるとこうなります　[p class:finger_green]

指アイコンを付けるとこうなります　[p class:finger_black]

要注意系要素

ここにテキストが入ります　[p class:aten01]

ここにテキストが入ります　[p class:aten02]

ここにテキストが入ります　[p class:aten03]

吹き出し

ここにテキストが入ります　[p class:fuki_a01]

ここにテキストが入ります　[p class:fuki_b01]

ここにテキストが入ります　[p class:fuki_c01]

ここにテキストが入ります　[p class:fuki_a02]

ここにテキストが入ります　[p class:fuki_b02]

ここにテキストが入ります　[p class:fuki_c02]

ボレットアイコン

ボレットアイコンのパターンです！

[ul.bullet_a01]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_a02]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_a03]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_b01]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_b02]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_b03]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_c01]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_c02]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_c03]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_d01]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_d02]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_d03]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_e01]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_e02]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

[ul.bullet_e03]

• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。
• ボレットのサンプルです。ボレットのサンプルです。

強調エリア

★応用例：組み合わせて使うとこんな表現ができます

レイアウトサンプル

二分割レイアウト

三分割レイアウト

四分割レイアウト

公式サイトはこちら
公式サイトはこちら
公式サイトはこちら