tags

このページはテンプレートが用意している基本 HTML タグの見た目サンプルです。公開時は削除して構いません。

見出し（h1 〜 h6）

h1 見出し

h2 見出し

h3 見出し

h4 見出し

h5 見出し
h6 見出し

段落と強調（em / strong / mark）

通常の段落です。em は italic + アクセント色、strong は下線つき太字、mark はハイライトで、3 つを別々の装飾で区別しています。

リスト（ul / ol / dl）

  1. 順序あり 1
  2. 順序あり 2
用語
説明文

引用（blockquote）

引用文のサンプルです。

表（table）

項目 値
A 1
B 2

リンク・画像・区切り（a / img / hr）

リンクサンプル

サンプル画像

コード（code / pre）

インライン code のサンプル。

function hello() {
  console.log("hello");
}

ユーティリティ: 横並びリンクリスト（.inline-list）

form — 入力フォーム

<form> 内の input / textarea / button / select に統一スタイルが当たります。 送信ボタンを中央寄せにしたい場合は .form-actions でラップしてください。