カスタマイズしたいけど知識がないから出来ない＞＜
なんて人も居るかと思います
検索したら出るだろうなあ・・・とは思いつつ検索してみると、やはりいっぱいでました、アメブロカスタマイズの方法
でもどこもコピペばかりで、これじゃ自分の思うようにカスタマイズ出来ないなんて事が多々でてくるんじゃないかな(分からないけどw)と思います
なら勉強しちゃえばいいんです
＼難しそうだから無理・・・／
正直な所、HTMLとCSSで覚える事なんて、たかが知れてるのですぐ覚えれますし簡単ですので心配しなくていいです
勉強する事によって、他のブログサイトのブログカスタマイズも出来るようになったり、ホームページを作れるようになるなど、勉強する事によって出来るメリットが色々とあります
この講座ではStrick(厳密型に沿った)なマークアップを書いて頂く事になりますので、色々とめんどくさいですがそこらへんは我慢してください
では、１回目早速始めちゃいましょう！
※この講座、以降の講座のHTMLのバージョンは4.01 CSSは2,3を前提として進めていきます
●HTMLとCSSって一体何者？
HTMLとはHyperTex・・・・そんな正式名称とか覚えてなくても問題ないんで覚えなくていいです！笑
HTMLというのはマークアップ言語と呼ばれるものの一つで文章構造を記述するための言語です
＼文章構造？何それ？意味が分かりません／
はい、分かっています
読んで字のごとくなんですが、分からない方は文章構造について深く考える必要もないし覚える必要もないです
というか勉強していくにつれて自然と分かっていくので、ここでは「文章構造を記述するための言語」とだけとりあえず覚えておきましょう
次にCSSですが､CSSは構造化された文章に装飾をするための言語です
先ほど少し説明しましたHTML
これは文章構造を記述していくための言語ですので、装飾(例えば文字に色を付けたり)をする事が出来ません(とか言いつつ実は出来たりもしちゃうんですが少し難しい話になってくるので、これについては追々話します)
そこで、HTMLで構造化した文章に、このCSSと呼ばれる言語を使って、装飾をしてあげる事によって、現在貴方が見ているようなWEBページが出来上がる訳です
●HTMLの書き方
HTMLはタグと呼ばれるものを使って書いていきます
書式:<要素>文章</要素>
タグは<要素></要素>で１セットになると覚えておいて下さい
また、このタグにはレベルが存在しています
それがブロックレベルとインラインレベル(インラインレベルって言い方はあんまり一般的じゃないかもｗ)です
このレベルに関係して少し制約があります
1.インラインレベルのタグはブロックレベルのタグの中に記述します
2.インラインレベルのタグの中にブロックレベルのタグは記述できません
＼意味が分かりません／
はい、大丈夫です、例をあげて説明します
タグ１をブロックレベル、タグ２をインラインレベルのタグだとします
例えば
<タグ2></タグ2>
この様な書き方は先ほどの１番目の理由から出来ません
タグ２はインラインレベルですのでブロックレベルであるタグの中に入れてあげる必要があります
上のような構造を正しく書くには
<タグ1><タグ2></タグ2></タグ1>
これが正しい書き方となります
タグ2(インラインレベルのタグ)がタグ1(ブロックレベルのタグ)のタグの中にきちんと入っています
また、
<タグ2><タグ1></タグ1></タグ2>
の様な書き方も、先ほどの２番目の理由から出来ません
タグ２(インラインレベルのタグ)の中にタグ１(ブロックレベルのタグ)が入ってしまっています
HTMLの書き方・細かなルールは以上となります
StrickなHTMLを書いてもらうという事もあり、細かい制約がありますが、そこまで難しい事は言ってないと思うので、頑張って覚えてください(°∀°)b
●この講座でおさえるべきPoint
・HTMLは文章構造を記述するための言語である
・CSSは構造化された文章に装飾をするための言語である
・タグは<要素></要素>で１セットになる
・タグにはブロックレベルとインラインレベルがあり、
1.インラインレベルのタグはブロックレベルのタグの中に記述する
2.インラインレベルのタグの中にブロックレベルのタグは記述できない
今回の講座は以上となります
読んでくださった皆様お疲れ様でした
=====================================
宜しければクリックお願いしますm(_ _)m
↓↓↓↓↓↓↓↓↓↓
人気ブログランキングへ
↑↑↑↑↑↑↑↑↑↑
=====================================