このテンプレートでは色々なデザインが組み込まれています。色々なタグを指定して試してみよう。
- <h1>〜<h6>
- <em>,<strong>,<ins>,<del
- <blockquote>
こんなデザインもあります。
- 20XX-01-01
-
更新情報などを掲載するのに便利なデザインです。dlタグに『class="information"』を追加してください。
- 20XX-01-01
-
更新情報などを掲載するのに便利なデザインです。
リスト
普通のリスト
- 普通のリスト1
- 普通のリスト2
- 普通のリスト3
番号付きリスト
- 番号付きリスト1
- 番号付きリスト2
- 番号付きリスト3
li要素の中はブロックレベルのタグを使用することが出来ます。例えば、<p>タグも記述することが出来ます。
デザインリスト
このようにリストマークを星形にしたい場合は、ulタグに『class="list"』を追記してください。
- デザインリスト1
- デザインリスト2
- デザインリスト3
li要素の中はブロックレベルのタグを使用することが出来ます。例えば、<p>タグも記述することが出来ます。
定義リスト
- 定義リスト1
- 定義した用語の説明
- 定義リスト2
- 定義した用語の説明
- 定義リスト3
- 定義した用語の説明
dd要素の中はブロックレベルのタグを使用することが出来ます。例えば、<p>タグも記述することが出来ます。しかし、dt要素にはインライン要素しか記述することができません。
テーブル
| 見出し1 見出し1 | 見出し2 | 見出し3 | 見出し4 | 見出し5 |
|---|---|---|---|---|
| セル1 セル1 | セル2 | セル3 | セル4 | セル5 |
| セル1 | セル2 | セル3 | セル4 | セル5 |
| セル1 | セル2 | セル3 | セル4 | セル5 |
| 見出し1 | セル1 セル1 | セル2 | セル3 | セル4 | セル5 |
|---|---|---|---|---|---|
| 見出し2 見出し2 | セル1 | セル2 | セル3 | セル4 | セル5 |
| 見出し3 | セル1 | セル2 | セル3 | セル4 | セル5 |
| 見出し4 | セル1 | セル2 | セル3 | セル4 | セル5 |
| 見出し5 | セル1 | セル2 | セル3 | セル4 | セル5 |
写真
imgタグをdivで囲んで、divに『class="photo"』と追記してください。ふんわりした枠で囲まれるようになります。
