-本日のアジェンダ-
1限目
学科 HTML基礎③
HTMLタグ補足(リストタグ)
2限目
学科 HTML基礎③
HTMLタグ補足(文章構造を伝える新しいタグ)
3限目
学科 HTML基礎③
CSSセレクタの指定方法について
4限目
学科 HTML基礎③
CSSでの幅(width)指定について
5限目
学科 HTML基礎③
今日のまとめ
本日のテーマ
CSSで見た目を変えましょう。
【復習】これまでのHTMLタグ(body内)
h1~6・ ul( li) ・p ・ a ・img・table(th・tr・td)
header・nav・main・section・footer ・div
参考サイト
HTMLの記述をチェックしてみよう
Gateway – Another HTML Lint
CSSの記述をチェックしてみよう
CSS Validation Service
タグの意味等が思い出せない場合はこちらで調べてみよう
HTML5リファレンス
色の名前とカラーコードです
HTMLカラーコード: WEB色見本 原色大辞典
リストタグ(ul・ol・dl)について
- 【初心者向け】HTMLでリスト作成|ul・ol ・liタグの使い方
- SEO対策として最低限押さえておきたいHTML/HTML5マークアップの大事な6つのポイント※リストタグの直下の子要素には~
- 定義リストDLを装飾するレスポンシブOKなCSSデザイン5種
文書構造を伝える新しいタグ
以前では意味をブラウザに伝えることができなかったタグが、HTML5から新しく意味を持ったタグとして登場し、構造などが理解しやすくなりました。
CSSで色を表現しよう
greenやredのように色の名前で表す方法と、カラーコードで表す方法があります。
(カラーコードの方が色名よりも多くの色を指定できます。)
HTMLカラーコード: WEB色見本 原色大辞典