10月30日(水)2コマ目
今日、やったこと [練習問題]フォントの色、大きさを変える <style>タグを使う 今日のホワイトボード [練習問題]フォントの色、大きさを変える フォントの色や大きさ、その他見た目を変えるには タグのstyle属性で指定します 。 変更したい箇所が何かのタグで挟まれていないかったら、<span></span>で挟んでstyle属性で指定します。 図 フォントの色、大きさを変える 正解例を挙げておきます。 <style>タグを使う 同じデザインを複数箇所に指定したい場合、各タグのstyle属性で指定するのはめんどくさいです。 <style>タグを使えば、xxタグのデザインをまとめて指定することができます 。 図 <style>タグでデザイン設定 ※<style>タグとstyle属性は別です ※<style>タグは<head></head>内で使います <span>タグで挟まれた箇所はstyle属性で指定をしなくても、<style>タグで指定されたデザイン 文字色は赤色 文字サイズは20pt で表示されます。 <span>タグと<div>タグ 両方とも見た目に影響を与えず、範囲を作るタグです。 が、全く同じではないので注意!! とりあえず、今は タグの前後に改行がある/ない を知っておいてください。 <span></span>は前後に改行なし <div></div>は前後に改行あり 図 <span>タグと<div>タグ 今後、<div>タグがちょこちょこ登場します。 次回は <style>タグの続き。