学科 HTML基礎③

-本日のアジェンダ-

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)について


文書構造を伝える新しいタグ

以前では意味をブラウザに伝えることができなかったタグが、HTML5から新しく意味を持ったタグとして登場し、構造などが理解しやすくなりました。


CSSで色を表現しよう

greenやredのように色の名前で表す方法と、カラーコードで表す方法があります。
(カラーコードの方が色名よりも多くの色を指定できます。)
 HTMLカラーコード: WEB色見本 原色大辞典

学科 HTML基礎②

-本日のアジェンダ-

1限目
学科 HTML基礎②
トップページの作成

2限目
学科 HTML基礎②
トップページの作成

3限目
学科 HTML基礎②
サブページの作成

4限目
学科 HTML基礎②
表の作成

5限目
学科 HTML基礎②
まとめ

本日のテーマ

サブページを作ってみましょう。


表の作成について


パスについて

  1. パスは読み込むファイルの場所をコンピューターに教えるために書く 
  2. パスはhtmlのaタグ、imgタグ、linkタグ、scriptタグなどで使用する 
  3. パスの書き方は「絶対パス」と「相対パス」の2種類がある 
  4. 外部サイトのファイルを読み込む場合は絶対パス、同じwebサイト内(サーバー)のファイルなら相対パス 

HTMLの文法チェック