![](https://mag.foto-note.com/wp-content/uploads/2023/11/tori.jpg)
h2 見出し
文章を書くときには段落の「p」以外にも、h2、h3の見出しやリスト、表組みなど使い分けると読みやすく、正しいマークアップになります。
h3 見出し
お天気がよかったので海へ行きました◎
鎌倉の由比ヶ浜海岸。
![](https://mag.foto-note.com/wp-content/uploads/2023/11/sea-1024x722.jpg)
![](https://mag.foto-note.com/wp-content/uploads/2023/11/sandal-1024x722.jpg)
リストを使う
ulもolも箇条書きのことです。
ulはUnordered List(順序のない箇条書き)の略、olはOredered List(順序ありの箇条書き)の略です。
olにはリストの頭に順番に1、2、3と数字がつきます。
ulのリスト
- リスト1
- リスト2
- リスト3
olのリスト
- リスト1
- リスト2
- リスト3
引用
引用したときに使います。
引用元の情報をblockquoteの中に書きます。 最後にciteタグで引用元を入れておきます。 – 引用元
tableの表組み
スケジュールや情報も表にしたほうが見やすい場合があります。
開催期間 | 2023年3月23日から2023年3月31日まで |
---|---|
営業時間 | 10:00〜20:00 |
定休日 | 毎週月曜定休 |
3列の表組み
ダミーです。ダミーです。ダミーです。ダミーです。 | ダミーです。ダミーです。ダミーです。ダミーです。 | ダミーです。ダミーです。ダミーです。ダミーです。 |
---|---|---|
ダミーです。ダミーです。ダミーです。ダミーです。 | ダミーです。ダミーです。ダミーです。ダミーです。 | ダミーです。ダミーです。ダミーです。ダミーです。 |
背景色・囲みありの表組み
ダミーです。ダミーです。ダミーです。ダミーです。 | ダミーです。ダミーです。ダミーです。ダミーです。 | ダミーです。ダミーです。ダミーです。ダミーです。 |
---|---|---|
ダミーです。ダミーです。ダミーです。ダミーです。 | ダミーです。ダミーです。ダミーです。ダミーです。 | ダミーです。ダミーです。ダミーです。ダミーです。 |
テンプレートは3種類
その日の気分で選べます。
TAGS |
#レイアウト