ソースを直接編集したい方のために用意している記事テンプレートです。HTMLタグを利用することで、自由なレイアウト表現が可能になります。
使用できるタグは、投稿画面に記載のあるボタンに加え、 h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, a, blockquote, cite, table, th, td, pre, code, b, em, i, strong, code, del, ins です。
- 投稿画面の「b」を使うとこんな感じになります。
- 投稿画面の「i」を使うとこんな感じになります。
- 投稿画面の「link」を使うとこんな感じになります。
同じリンクでも、別窓で開く外部リンクにするとこんな感じになります。
引用文は <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.
引用に追加で <cite> も使えます。
株式会社オンズ「hr」で罫線を引くことも可能です。↓
「hr」で引いた罫線。↑
- 投稿画面の「del」を使うと
こんな感じになります。これは削除された情報を意味します。 - 投稿画面の「ins」を使うとこんな感じになります。これは追加された情報を意味します。
続いては「img」で画像を挿入します。
挿入した画像に対してテキストを回り込ませることも可能です。
リスト表示
続いては「リスト表示」のスタイルです。
番号無しのリスト
- まずは普通のリスト表示。通常は <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.
見出し・h4要素を使っています
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta これはbタグで囲われています semper. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Vivamus sagittis lacus vel augue これはiタグで囲われています 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 これはemタグで囲われています 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.
小見出し・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.
定義リスト
- 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 |
その他ご質問について
記事の投稿・編集について、ご質問は「株式会社オンズ」まで。お気軽にお問い合わせください。