KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/6th/review の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/InfoDesignB2004/6th/review へ行く。

*前回の復習 [#rc0706b3]

**前回の内容 [#v7a87b12]
第3回、第4回に続き、
''HTML(Hyper Text Markup Language)''を使った、
Webページの作成を行いました。
タグ（文書の構造を示すマーク）を、
新たにいくつか紹介し、使ってみました。

-[[同じページへのリンクをつくる>Lecture/InfoDesignB2004/5th/anchor]]
（a name="..."）
-[[表をつくる>Lecture/InfoDesignB2004/5th/table]]
（table, tr, th, td）
-[[色を表現する>Lecture/InfoDesignB2004/5th/color]]（body bgcolor="..." text="...", font color="...", table bgcolor="...", ...）
-[[レイアウトをする>Lecture/InfoDesignB2004/5th/layout]]（h1 align="...", p align="...", hr align="...", div align="...", ...）

**おさらい: HTML文書の構造 [#c024a8dc]
HTML文書は、いくつかの基本的な要素で構成されています。

まず最初に、HTMLのどのバージョンかを示す、DOCTYPE宣言があります。
そして、
全体をhtml要素で囲み、その中にhead要素とbody要素が含まれています。
head要素には、さらにmeta要素やtitle要素など、文書情報が入ります。
body要素には、h1要素やp要素など、文書の構造が入ります。

つまり、
HTML文書は、html要素をルート（根源）とした、
木（ツリー）構造になっているのがわかります。


***ブロックレベル要素とインライン要素 [#kb62204c]
要素によっては、別要素の中に囲むことができるものとできないものがあります。
要素のタイプを大きく分けると、次の2つに分けることができます。

:ブロックレベル要素|
文書の構造（骨格）を示す要素で、
内容をひとまとまりにします。
要素の前後が改行されます。

|SIZE(100):CENTER:|CENTER:|CENTER:|CENTER:|CENTER:|c
|CENTER:|CENTER:|CENTER:|CENTER:|CENTER:|c
|h1〜6|p|ul|ol|dl|
|hr|pre|table|address|div|

:インライン要素|
単語や文章に意味を与える要素で、
文章に含まれます。
|CENTER:|CENTER:|CENTER:|CENTER:|CENTER:|c
|a|b|br|em|font|
|i|img|strong|sub|sup|

それぞれの要素のタイプには、次のような原則があります。
-ブロックレベル要素は、
インライン要素を含むことができますが、
ほかのブロックレベル要素は基本的に囲むことができません。
-インライン要素は、
ほかのインライン要素を含むことができますが、
ブロックレベル要素は基本的に含むことができません。
-body要素の中で直接扱えるのは、
ブロックレベル要素だけである。


&br;
&navi2(Lecture/InfoDesignB2004/6th,next);進んで、
今回の内容を見てください。
----
#navi2(Lecture/InfoDesignB2004/6th,toc,next)