今日、やったこと

今日のホワイトボード

前回は練習問題1から3までをやってもらいました。<style></style>内に見た目の設定をします。

図　<style></style>内で見た目設定

練習問題4の正解例をあげておきます。

今まではHTMLファイルの<head></head>内に<style></style>を追加し、この<style></style>内で見た目の設定をしました。

このやり方では複数のHTMLファイルのデザインを同じにしたい場合、HTMLファイルごとに<style></style>を追加する必要があるためめんどくさいです。

さらに、デザインを変更する場合、すべてのHTMLファイルを変更する必要があるため、かなりめんどくさいです。

実はHTMLファイル中にデザイン設定をするケースはあまりなく、デザイン設定はHTMLファイルとは別のファイルで行います。

図　見た目設定は別ファイルへ

”styleタグ_練習5"をやってもらいました。

枠線の設定が新たに出てきました。

図　枠線の設定

正解例をあげておきます。

練習問題を1つやってもらいます。