ソースを直接編集したい方のために用意している記事テンプレートです。HTMLタグを利用することで、比較的自由なレイアウト表現が可能になります。
使用できるタグは h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, a, blockquote, table, td, th, pre, b, em, strong です。
テキストにアンカーリンクを張った場合はこんな感じ。こっちは別窓で開く外部リンクです。
見出し・h4要素を使っています
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. Donec id elit non mi porta gravida at eget metus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
小見出し・h5要素を使っています
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
小見出し・h6要素を使っています
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
小見出し・h5要素を使っています
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
リスト表示
続いては「リスト表示」のスタイルです。
番号無しのリスト
- まずは普通のリスト表示。通常は <ul> 〜 </ul> の中に <li> 〜 </li> を記述します。
- リストを入れ子にすることも可能です。
- Aenean eu leo quam.
- Pellentesque ornare sem lacinia quam venenatis vestibulum.
- Nullam quis risus eget urna mollis ornare vel eu leo.
- 次は番号を付けるリストを紹介します。
番号付きリスト
- Cras mattis consectetur purus sit amet fermentum.
- Donec ullamcorper nulla non metus auctor fringilla.
- Aenean eu leo quam.
- Pellentesque ornare sem lacinia quam venenatis vestibulum.
- Nullam quis risus eget urna mollis ornare vel eu leo.
- Maecenas sed diam eget risus varius blandit sit amet non magna.
定義リスト
- Aenean eu leo quam.
- Maecenas sed diam eget risus varius blandit sit amet non magna.
- Aenean eu leo quam.
- Maecenas sed diam eget risus varius blandit sit amet non magna.
- Aenean eu leo quam.
- Maecenas sed diam eget risus varius blandit sit amet non magna.
テーブル
| # | First Name | Last Name | User |
|---|---|---|---|
| 1 | Stanko | Tadic | stanko |
| 2 | Ognjen Vuk | Perisic | gio |
| 3 | Milos | Pavlicevic | pavlicak |
| 3 | Milos | Pavlicevic | pavlicak |
| 3 | Milos | Pavlicevic | pavlicak |
小見出し・h5要素を使っています
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
引用について。
引用文は <blockquote> で囲みます。
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
その他ご質問について
記事の投稿・編集について、ご質問は「つくばん！」編集部まで、お気軽にお問い合わせください。