HTML/CSS #2

こんにちは。hirafujiです。4回目の投稿です。

新卒5人、PCに触れている時間は同じはずなのに、なんだか私のPCだけ黄ばんできました・・・。
なぜでしょうか。明日からはもっと徹底的に手を洗いたいと思います。

さて今日はHTMLについて、
中でも「ブロックレベル要素」と「インライン要素」について勉強しました。

以下、今日の内容を簡潔にまとめてみます。

【ブロックレベル要素】
改行を伴う要素。要するに段落ごとに有効な要素?
ex. <p> , <blockqute> , <h1>〜<h6> etc…

【インライン要素】
文中の一部にだけ有効な要素。
ex. <a> , <img> , <br> , <strong> etc…

【空要素】
閉じタグの無い要素。
ex. <img> , <br> etc…

【XHTMLを書く時の諸注意】
・空要素は「 />」で閉じる。
ex. <img src=…. /> , <br /> etc…

・bodyタグの直下は、必ずブロックレベル要素。

・インライン要素の中にブロックレベル要素を書き込むことはできない。

・ブロックレベル要素の中にはブロックレベル要素を、
インライン要素の中にはインライン要素を書き込むことができる。

最後に、以上の内容と前回の内容のおさらいとして、実際のソースを見ながら間違い探しをしてみました。

今はまだなんとかなるものの、
扱えるタグが増えれば増えるほど、間違いを見つけるのは難しくなりそうだなぁ〜なんて・・・。

まぁ、最初から間違えないように書けばいいんですよね!
家に帰ったらしっかり復習します。おー!

—-
(2008/04/11 18:49 hirafuji追記)
お待たせしました〜動画をご覧下さい!

4 件のコメント so far »

  1. by kouno, on 04.09.08 @ 6:39 PM

     

    念のため補足です。

    ブロックレベル要素には、文章及びインライン要素も含める事ができます。

  2. by hirafuji, on 04.09.08 @ 7:01 PM

     

    >kounoさん
    すいません、書き忘れました・・・。
    補足ありがとうございます!明日もよろしくお願いします。

  3. by hirafuji, on 04.10.08 @ 5:36 PM

     

    【【訂正があります】】
    ブロックレベル要素と「改行」は、本質的には関係なかったみたいです・・・。
    私の勘違いでした。大変失礼いたしました。

  4. by スタートアップ研修記 » MTML/CSS#4 今週のマトメ, on 04.11.08 @ 7:06 PM

     

    [...] ・HTML/CSS#2 (2008/04/09) [...]

Comment RSS · TrackBack URI

コメントをどうぞ

名前: (Required)

eMail: (Required)

Website:

Comment:

Spam Protection by WP-SpamFree