50代英語教師のHTML/CSS/Java Script チャレンジNo.8

今日も早速学習を進めていきたいと思います。今日の学習内容はタグの入れ子構造と空要素の書き方です。昨日は下の画像のところまでHTMLを記述してます。

入れ子構造ってタグの中にさらにタグが入ってる構成のことね。例えば、１３行目のpタグの中にbuttonタグが入ってるような状態のこと。終了タグを見るとまずbuttonタグが閉じられて、それからpタグが閉じられてる。

空要素は終了タグがないタグのことね。例えば、４行目、５行目のmetaタグなんかがそれ。これ、昔のXHTMLのバージョンでは最後に/>のように書いてあるものもある。/の前に半角スペースがあったり。（って自分はこれが普通だったんだけどね＾＾；）まぁ、今でもあったとしても表示には問題はないらしい・・・だったらない方がいいよね。

あと属性の記述には""が使われてる。例えば４行目のcharset="UTF-8"のように。これシングルクォーテーションでも可能らしい（これは昔もそうだった気がするなぁ）大事なのは両方揃えること。最初がダブルクォーテーションで、最後がシングルクォーテーションとかはダメ

というわけで、今日はなんか補足みたいな感じでしたが、終わりにします＾＾お疲れ様でした。