HTMLとCSSの違いについて
普段利用しているホームページやブログなどのウェブページは、HTMLやCSSといったマークアップ言語で生成されています。HTMLは、HyperText Markup Languageの略で、ウェブページのレイアウト構成を記述します。CSSは、Cascading Style Sheetsの略で、ウェブページの文字や画像の装飾を指定するために使用します。見栄えの良いウェブページを作成するには、HTMLとCSSは不可欠な存在と言えます。
目次
HTMLは構造や骨組みを担当
<h1>大見出しが入ります</h1> <p>文章が入ります。</p> <a href="URLが入ります">リンクが入ります</a>
ウェブページが表示された状態で、右クリックするとブラウザにより若干表記は異なりますが、ソースの表示というメニューがあります。それを開くと英語や文字などがたくさん表示されます。これがウェブページのレイアウトを構成しているHTMLになります。詳しく見てみると、ウェブページに表示されている文字がそのまま記述されたりしているのがわかるでしょう。HTMLは「h1」や「p」などのように大なり小なりの記号を使ったタグで囲んで記述します。
CSSはカラーやスタイリング担当
h1{ color: #ff0000; } p{ color: #333333; }
HTMLのタグの中に、classと記述されている部分があります。ここで指定されているのが、CSSで記述されている名前に対応しています。CSSでは文字色やフォントサイズなどの修飾に関する指定を記述します。初期のHTMLではこのような修飾もHTMLの一部として記述していましたが、最近は修飾はCSSで記述するようになっています。HTMLが読みやすくなり、修飾を一括で変更する場合はCSSを修正するだけで一括変更できる利点もあります。
-
本でHTMLを学ぶなら「HTML5 & CSS3ポケットリファレンス [改訂新版]」
HTML5 & CSS3ポケットリファレンスは、初心者から上級者まで長年使えるオススメの本です。タグの意味から使い方まで細かくまとめられているオススメの一冊です。
-
-
独自ドメイン「お名前.com」の使い方と解説
ドメインのポータルサイトとして知られているのがお名前.comです。GMOインターネット株式会社が運営するサービスの1つで580種類以上のドメインを取得することができます。ドメイン登録実績も2000万件以上を達成しています…
-
-
アフィリエイトASP「楽天アフィリエイト」の使い方と解説
楽天アフィリエイトというASPは、楽天株式会社自体が運営を行っています。2000年代から誰でも簡単に使い始められるASPとして国民的な人気を誇ってきました。 なぜなら、厳しい審査や登録手続きなどは一切不要で、楽天IDを既…
-
-
はてなブログでやったおきたいカスタマイズ
はてなブログを運営するときに知っておきたいのがカスタマイズです。カスタマイズをすることにより読者がより記事が見つけてもらいやすくなったりと、使いやすくなるのでおすすめです。いじることができる部分は結構多いので初心者の方は…
-
-
WordPressに特化した「mixhost」の使い方と解説
ワードプレスを使ってブログを開設するときに必要になるのはレンタルサーバーです。これはmixhostというものがあります。ワードプレスに特化する性能を誇っているレンタルサーバーなので理想的な内容です。mixhostを利用す…
-
-
WordPress専用クラウド型レンタルサーバー「wpX Speed」の使い方と解説
WordPressを用いてサイトを構築するときに便利なのがwpX Speedです。これはWordPressに特化しているレンタルサーバーです。徹底的にWordPressにおいて高速環境化されているので使い勝手が優れていま…