学科 HTML基礎⑤

-本日のアジェンダ-

1限目
学科 HTML基礎⑤
htmlの記述【body】

2限目
学科 HTML基礎⑤
より細かな内容の記述について

3限目
学科 HTML基礎⑤
CSSでデザインする為のHTML記述について

4限目
学科 HTML基礎⑤
CSSでデザインする為のHTML記述について

5限目
学科 HTML基礎⑤
本日のまとめ

本日のテーマ

デザインする為のHTML記述

bodyの中のタグ基本その1
(テキスト、画像をマークアップ)

  • h1~h6
  • p
  • hr
  • ul li
  • ol li
  • dl dt dd
  • table caption tr th td

bodyの中のタグ基本その2
(その1の中にリンク、画像、改行、埋め込みのタグ)

  • img
  • a
  • br
  • iframe

bodyの中のタグ基本その3
(更に意味を持たせるブロック「block」のタグ)

  • section
  • nav
  • header
  • footer
  • main

bodyの中のタグ基本その4
(更に意味を持たせるインライン「inline」のタグ)

  • em
  • strong
  • i
  • b
  • small

bodyの中のタグ基本その5
(デザインの為に使うタグ)

  • div
  • span

同じ種類タグを差別化する為に使う属性

  • id=””
  • class=””

それ以外に様々な種類のタグもありますが
まずはこれらをしっかり覚えておきましょう。

参考サイト

学科 HTML基礎④

-本日のアジェンダ-

1限目
学科 HTML基礎④
htmlの記述【a(リンク)】

2限目
学科 HTML基礎④
htmlの記述【img(画像)】

3限目
学科 HTML基礎④
外部ファイルについて

4限目
学科 HTML基礎④
外部ファイルについて

5限目
学科 HTML基礎④
本日のまとめ

本日のテーマ

外部ファイルについて