HTML + CSS

HTMLの文法チェックのページでは 「スタイルシートを使いましょう!」 と 言われ続けてましたので 少しずつ私なりに勉強してました。

でも HTMLとCSS それぞれの役割の違いについては 全く無知なまま・・・
外部ファイルも作りましたが HTMLにもスタイルを書き込んでました。

画像をクリックして ご覧下さいませ。

HTML + CSS
CSS の役割
HTML + CSS
「津波荘」さん
お手本の表紙
「津波荘」さん

「HTMLは文書構造 CSSは装飾」 と教えていただいて 「そうだったのか!!」
素顔のままのHTMLだけでも 文書として成り立つことが必要なようです。

「知らなかった!!」
大きな衝撃を受けるとともに 勉強してみたい!! と 強く思いました。

画像をクリックして ご覧下さいませ。

花のページ
float と table
花のページ
画像とCSS
table のまま
画像とCSSの相性

レイアウトのためにテーブルを使うことは良くない と聞いて 「花のページ」を float で作り直そうと努力してみました。
でも 画像とCSSは 相性が良くないみたいです。

画像をクリックして ご覧下さいませ。

段組と float
縦二列の索引
段組と float
ボタンとアドレス
索引の完成形
ボタンとアドレス

「段組」と呼ばれる形にもチャレンジしてみました。 教えていただいても なかなか理解できませんでしたが  ようやく形になりました。
左の形を そっくり額縁のようなものの中に入れて 出来上がりです。

「表紙 リフォーム」 へ


このページの一番上に戻る