header.phpを読み込んだページ
改行コード⇒ここはpタグの段落です
このはホームHPへ (※ファイル名省略)このはホームHPへ (※ファイル名:index.php)
このはホームHPへ (画像リンク付き)
順序なしリスト要素 ＋ 段組み
※style.cssファイルを使うとfront-page.php以外では効かなくなる
- ミルク
- チーズ
- ブルーチーズ
- カマンベール
順序付きリスト要素
※style.cssファイルを使うとfront-page.php以外では効かなくなる
- ミルク
- チーズ
- ブルーチーズ
- カマンベール
| 見出し1 | 見出し2 |
|---|---|
| データ1-1 | データ1-2 |
| データ2-1 | データ2-2 |
|
一時預かり 
|
プラン内容
|
|
施設ギャラリー 
|
その他サービス 
|
センタリング
スペシャルサービス
special services
表形式(左寄せ) 線あり (CSS使用)
- 商品A
- 5,000円
- 上級者向き
- 商品B
- 3,000円
- 中級者向き
- 商品C
- 1,000円
- 初級者向き
- 商品D
- 500円
- 超初級者向き
表形式(中央寄せ) 線なし (CSS使用)
- 商品A
- 5,000円
- 上級者向き
- 商品B
- 3,000円
- 中級者向き
- 商品C
- 1,000円
- 初級者向き
- 商品D
- 500円
- 超初級者向き
順序なしリスト要素
※style.cssファイルを使うと表示が壊れる
service
よく使うスタイル名：値
display:block
ボックス
リスト1
リスト2
リスト3
要素の前後で改行する
display:flex
フレックス
リスト1
リスト2
リスト3
要素を並列に並べる
padding: 1rem
パディング
リスト1
リスト2
リスト3
四方の余白サイズを指定する