ところでHTMLとCSSって何者？

こんにちは！

皆さんはHTMLとCSSの違いが分かりますか？

これらはWebサイトを作る上で必要になります。

僕の友達はちょっと誤解していて、デザインカンプを見せると、そのままの形でWebサイトに反映できると思っているのです。

要するにイラレなどで作ったデザインカンプをjpeg形式で保存すれば、最低限のHTMLで公開出来ます。写真を張り付けるイメージですね。

ただし、これはSEO上の問題などがあり、推奨されていないと思います。

そこで、HTMLとCSSの出番です。

それぞれの役割、まずはHTMLから説明します。

HTMLとは、家でいう骨組みみたいな形で、建設する場所に応じて太い柱や細い柱を使いますよね。

HTMLも同じで、例えば、h1やh2などを使っていくことになります。多種多様なモノとなっていて、最初に学習すると意味が分からないと思います。

そのような場合は、書籍を購入するかネットで勉強することが出来ます。今は便利な時代で、無料でも学べるモノが多くなりましたね。

自分の納得する形で勉強すれば良いかと思います。

次にCSSですね。

CSSは装飾の部分になります。

家で言うと、「壁紙はどうするか」とか「フローリングの色はどうしよう」とかになります。

CSSに関しても多種多様となっていて、全てを網羅することは出来ないかと思います。

僕は、詳しい方ですが、今でも調べものをしながら対応している場合もあります。

まとめると、

・HTML：骨組み
・CSS:装飾

という形になります。

効率的に勉強するにはどうしたら良いかというお話になりますが、模写コーディングが良いと言われていますね。

あるいは、ある程度勉強していて、1から作れそうなら対応してみる。分からないことがあればネットで検索するという形が良いかと思います。

何度か書いていますが、奥が深いので全てを網羅するのは無理です。自分が作るWebサイトを完璧に仕上げる為に、調べものをするという方法もあります。

要するに必要なモノから学習していくという形ですね。

今は、無料でWebサイトを作れる時代。僕自身、「HTMLとCSSでWebサイトを作る意味はあるのか笑」と思っていますが、無料には負けない実力をつけようとして取り組んでいる状態です。

幸い、自分が理想とするWebサイトを作ることが出来ていますので、このまま頑張るつもりです。無料にギリで勝てる？！いや、負ける？！

という訳で、今日はHTMLとCSSについて書いてみました。

ありがとうございました。