フッター
フッター
今日もHTMLの基礎をします。
これは私自身の頭の中の整理のために記載しております。
間違えや表現が違う可能性があります。
間違えや表現が違う場合は教えて頂けると嬉しく思います。
- フッターの記載方法
- フッターのレイアウト
CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。
フッターの作成方法
フッターの左側にはロゴがあり、右側にはリストがあります。
HTML記載
＜div class="footer"＞
＜div class="footer-logo"＞TEST1＜/div＞
＜div class="footer-list"
＜ul＞
＜li＞会社概要＜li＞
＜li＞問合せ＜li＞
＜/ul＞
＜/div＞
フッターのレイアウト
ヘッダーを作成した際に、”float””padding”を使用しましたが
フッターのレイアウトを作成する際にも使用する事ができます。
HTMLファイル
＜div class="header-list"＞
＜ul＞
＜li＞ヘッダーリスト1＜li＞
＜li＞ヘッダーリスト2＜li＞
＜/ul＞
＜/div＞
＜div class="footer-list"＞
＜ul＞
＜li＞フッターリスト1＜li＞
＜li＞フッターリスト2＜li＞
＜/ul＞
＜/div＞
CSSファイル
.header-list {
color:#ff0000;
}
.footer-list li{
color:red;
}
毎日少しづつ頑張ろう！！
