見出し1 (h1) - Typography Test
見出し2 (h2) - フォントテスト
見出し3 (h3) - 日本語テキスト
見出し4 (h4) - Heading Level 4
見出し5 (h5) - Heading Level 5
見出し6 (h6) - Heading Level 6
これは通常の段落テキストです。The quick brown fox jumps over the lazy dog. あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん。
太字テキスト (strong) と 太字 (b タグ)
斜体テキスト (em) と イタリック (i タグ)
小さいテキスト (small)
マークされたテキスト (mark)
削除されたテキスト (del) と 挿入されたテキスト (ins)
H2O (下付き文字 sub) と E=mc2 (上付き文字 sup)
リンク
順序なしリスト (ul)
- リストアイテム 1
- リストアイテム 2
-
リストアイテム 3
- ネストされたアイテム
- ネストされたアイテム
順序付きリスト (ol)
- 最初のアイテム
- 2番目のアイテム
- 3番目のアイテム
定義リスト (dl)
- 用語 1 (dt)
- 用語 1 の説明 (dd)
- 用語 2
- 用語 2 の説明
引用 (blockquote)
これは引用文です。フォントの表示をテストするためのサンプルテキストです。
— 引用元 (cite)
コード
インラインコード: const message = "Hello, World!";
// コードブロック (pre + code)
function greet(name) {
return "Hello, " + name + "!";
}
console.log(greet("World")); Ctrl + C (キーボード入力 kbd)
サンプル出力 (samp)
変数名 (var)
テーブル (table)
| ヘッダー 1 | ヘッダー 2 | ヘッダー 3 |
|---|---|---|
| データ 1-1 | データ 1-2 | データ 1-3 |
| データ 2-1 | データ 2-2 | データ 2-3 |
| テーブルフッター (tfoot) | ||
フォーム要素
その他のテキスト要素
HTML (略語 abbr)
定義語 (dfn) - 定義される用語を示します
インライン引用 (q タグ)
東京都渋谷区
example@example.com
図・キャプション (figure, figcaption)
画像の代わり
詳細・要約 (details, summary)
クリックして展開 (summary)
これは詳細コンテンツです。details タグの中身です。
時間 (time)
公開日:
進捗 (progress, meter)
Progress:
Meter: