10月12日(木)3コマ目
今日、やったこと
フォントの色、大きさ等を変える
<style>タグ
今日のホワイトボード
前回のおさらい
HTMLにはタグがある。
style属性でデザイン指定ができる
![]() |
| 図 前回のおさらい |
フォントの色、サイズ等を変える
style属性でフォントの色(項目名:color)、フォントのサイズ(項目名:font-size)を変えることができる。
複数指定する場合は;区切りで。
![]() |
| 図 フォント色、フォントサイズを指定 |
また、タグはネスト化することも可能。
練習問題
正解例をあげておきます。
<style>タグをつかう
各タグでstyle属性を使って指定しなくても、同じデザインなら<style>タグでまとめて指定できる。
- <style>タグは<head></head>内で指定
- セレクタでデザイン適用先を指定
- { }内は項目名:設定値;
![]() |
| 図 <sytle>タグの使い方 |
あらたに箇条書きの<ul>タグ、<li>タグが出てきました。
- <ul>タグは箇条書きの始まりと終わり
- <li>タグは箇条書きの各項目
![]() |
| 図 箇条書きの<ul>タグ、<li>タグ |
次回は
<style>タグのつづき。



