このpractical.htmlは、サイト内容をマークアップをするにあたっての実例集です。
これらは一例にすぎません。ご自身のサイトの内容や考え方に合ったマークアップを探求してください。
（このページのHTML自体はsample.htmlと同様にサイトの各ページに用いられることを前提に作られています。）
Your site title
- index
- 実践サンプルページ
practical.htmlについて
更新履歴
サムネイルなど画像を使った作品一覧展示
<dl>を使う
サンプル1
- 作品の概要や日付
- 作品の概要や日付
- 作品の概要や日付
サンプル2
サンプル3
-
- 作品の概要
- 日付
-
- 作品の概要
- 日付
-
- 作品の概要
- 日付
サンプル4
- 作品の概要
- 日付
- 作品の概要
- 日付
- 作品の概要
- 日付
サンプル5
- 作品タイトル5-A
- 作品タイトル5-B
- 作品タイトル5-C
<ul>を使う
サンプル1
- ：（作品概要や日付）
サンプル2
-
- 作品の概要
- 日付
-
- 作品の概要
- 日付
-
- 作品の概要
- 日付
文字を使った作品一覧展示
<dl>を使う
サンプル1
サンプル2
サンプル3
<ul>を使う
サンプル1
サンプル2
<table>を使う
| 題名 | 作品概要 | 更新日 |
|---|---|---|
| 作品タイトル6-A | 作品の概要 | 日付 |
| 作品タイトル6-B | 作品の概要 | 日付 |
| 作品タイトル6-C | 作品の概要 | 日付 |
連作作品一覧展示
作品タイトル1
- （完結）
-
あらすじあらすじあらすじあらすじあらすじあらすじあらすじあらすじあらすじあらすじ
- 第二章 タイトル
- あらすじあらすじあらすじあらすじ
作品タイトル2
作品のあらすじ
第一章
あらすじあらすじあらすじ
第二章
- まだ書いていません
作品タイトル3
- あらすじ
- あらすじあらすじあらすじあらすじあらすじあらすじあらすじあらすじあらすじあらすじあらすじあらすじ
- 本編
- サイドストーリー
- 設定資料
-
- 例）登場キャラクター一覧
- 例）世界観・地図
- 最終更新
- 日付