mainの構造

今日もHTMLの基礎をします。

これは私自身の頭の中の整理のために記載しております。

間違えや表現が違う可能性があります。

間違えや表現が違う場合は教えて頂けると嬉しく思います。

CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。

MAIN要素は”copy-container””contents””contact-form”で構成されます。

copy-containerのHTML記載方法

＜div class="copy-container"＞

＜/div＞

contentsのHTML記載方法

＜div class="contents"＞

＜/div＞

contentsのHTML記載方法

＜div class="contents"＞

＜/div＞

span要素

文中の一部にCSSを適用させたい場合は＜span＞要素で囲います。

例は以下の通りです。（test2のみ色を変更する）

HTMLファイル

＜h1＞

test1＜span＞test2＜/span＞

＜/h1＞

CSSファイル

span {

color:#ff0000;

}

上記の記載方法で、test1は黒文字、test2は赤文字になります。

毎日少しづつ頑張ろう！！