[PR] この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

top画像（玄関）

マークアップ

マークアップとは、同じ役割を持つものをまとめたり、大事なものを
主張したりする事です。

まず、マークアップをする前の文章を見てみましょう。

まずは、同じものをまとめよう

あ、い、う、え、お、をは同じ仲間です。
同じ仲間だと言うことをリストで定義します。

画面で見てみると、左に黒い点がつきました。
<ul>は、お母さん、<li>は子供です。
お母さんが子供たちがどっかいってしまわないようにまとめています。

大事なものは主張しよう

次に、みんなに見てもらいたい文章をめだたせます。
リーダー（見出し）などはでしゃばりなので、番号をつけてあげましょう。

でしゃばらせすぎました。…えっと、CSSをあてれば、いくらでも小さく出来ますので
ご心配なく…。こうやって大事なものは大事だから皆さん見てくださいと主張していると
みんなに見てもらいやすくなるしSEO的にも効果があります（確か（汗））

次はそこそこ大事なものを主張します

マークアップしたやつに名前をつけよう

次は、CSSを当てるときに便利な名前をつけます。
そうです。まだこのお母さん（リストの）は実は子供の名前を知らないのです。
急いで名前をつけてあげましょう

はい、お母さんの方に名前をつけました。
赤いまるで囲んだところを良く見ていただくと、文字が違うことがわかります。
この「id」と[class」は、意味が似ていて正反対なので気をつけてください。
「id」は、そのページにひとつしかつけてはいけない名前です。
反対に「class」は何回でも同じページにつけられます。
もしかしたら、お母さんは一人なのにお父さんが数えきらないほどいるかもしれません。

怖い奥さんです。おっと失礼。

最後に大きくまとめよう

細かい話はdivのきり方でするので大雑把に。

はい終わり。次行きましょう