今日、やったこと

今日のホワイトボード

フォントの色や大きさ、その他見た目を変えるにはタグのstyle属性で指定します。

変更したい箇所が何かのタグで挟まれていないかったら、<span></span>で挟んでstyle属性で指定します。

図　フォントの色、大きさを変える

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

同じデザインを複数箇所に指定したい場合、各タグのstyle属性で指定するのはめんどくさいです。

図　<style>タグでデザイン設定

※<style>タグとstyle属性は別です

※<style>タグは<head></head>内で使います

<span>タグで挟まれた箇所はstyle属性で指定をしなくても、<style>タグで指定されたデザイン

で表示されます。

両方とも見た目に影響を与えず、範囲を作るタグです。

が、全く同じではないので注意！！

とりあえず、今はタグの前後に改行がある/ないを知っておいてください。

図　<span>タグと<div>タグ

今後、<div>タグがちょこちょこ登場します。