10月29日(水)2コマ目

今日、やったこと

文字の大きさ、色を変える

今日のホワイトボード

前回の復習＋文字の大きさを設定

前回はタグのstyle属性にcolorプロパティを指定して、文字色を設定した。

文字の大きさを設定するには、font-sizeプロパティを使う。

⚪︎文字色、文字の大きさを指定1

3つ目は、1つのstyle属性で文字色と文字の大きさの両方を指定している。

図　文字色、文字の大きさを指定

HTMLファイルは以下のとおり。

⚪︎文字色、文字の大きさを指定2

<span>タグは行全体だけでなく、局所的に使うこともできる。

図　文字色、文字の大きさを指定2

HTMLファイルは以下のとおり。

⚪︎文字色、文字の大きさを指定3

文字の大きさは行全体で同じ。(30pt) => 行全体の文字サイズを30ptに

文字色は局所的に設定。 => ”みどり色”、”青色”だけ文字色指定

図　文字色、文字の大きさを指定3

HTMLファイルは以下のとおり。

文字サイズを指定する<span></span>の中に、文字色=緑色と文字色=青色の<span></span>がある。

次回は

練習問題の続き。

見た目の設定。