タグに名前をつける

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

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

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

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

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

リストを作成する際にCSSで指定するとすべての色、文字が

統一されます。

リストなどを個別に設定するためにタグに名前を付けてそれぞれ指定する。

HTMLファイル

＜ul＞

＜li＞テスト1＜/li＞

＜li＞テスト2＜/li＞

＜li＞テスト3＜/li＞

CSSファイル

li｛

color:red;

}

表示内容（全て赤色で表示される）

・テスト1

・テスト2

・テスト3

タグを設定するには”class”を使用します。

CSSファイルに必ず先頭に”.（ドット）”を入力します。

＜ul＞

＜li class="selected"＞テスト1＜li＞

ここで”selected”がタグ（クラス名）になります。

＜li＞テスト2＜/li＞

＜li＞テスト3＜/li＞

CSSファイル

.selected{

color:red;

}

表示内容

・テスト1

・テスト2

・テスト3

テスト1のみが赤く表示され、テスト2とテスト3は黒で表示されます。

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

パパが娘にできること