HTMLとCSSの違いについて
普段利用しているホームページやブログなどのウェブページは、HTMLやCSSといったマークアップ言語で生成されています。HTMLは、HyperText Markup Languageの略で、ウェブページのレイアウト構成を記述します。CSSは、Cascading Style Sheetsの略で、ウェブページの文字や画像の装飾を指定するために使用します。見栄えの良いウェブページを作成するには、HTMLとCSSは不可欠な存在と言えます。
目次
HTMLは構造や骨組みを担当
1 2 3 |
<h1>大見出しが入ります</h1> <p>文章が入ります。</p> <a href="URLが入ります">リンクが入ります</a> |
ウェブページが表示された状態で、右クリックするとブラウザにより若干表記は異なりますが、ソースの表示というメニューがあります。それを開くと英語や文字などがたくさん表示されます。これがウェブページのレイアウトを構成しているHTMLになります。詳しく見てみると、ウェブページに表示されている文字がそのまま記述されたりしているのがわかるでしょう。HTMLは「h1」や「p」などのように大なり小なりの記号を使ったタグで囲んで記述します。
CSSはカラーやスタイリング担当
1 2 3 4 5 6 |
h1{ color: #ff0000; } p{ color: #333333; } |
HTMLのタグの中に、classと記述されている部分があります。ここで指定されているのが、CSSで記述されている名前に対応しています。CSSでは文字色やフォントサイズなどの修飾に関する指定を記述します。初期のHTMLではこのような修飾もHTMLの一部として記述していましたが、最近は修飾はCSSで記述するようになっています。HTMLが読みやすくなり、修飾を一括で変更する場合はCSSを修正するだけで一括変更できる利点もあります。
-
本でHTMLを学ぶなら「HTML5 & CSS3ポケットリファレンス [改訂新版]」
HTML5 & CSS3ポケットリファレンスは、初心者から上級者まで長年使えるオススメの本です。タグの意味から使い方まで細かくまとめられているオススメの一冊です。
- 【アフィリエイト体験談】有料ブログでスキンケアアフィリエイトをしてみた感想
目次1 経験と得意分野から臨んだスキンケアアフィリエイト2 得意なことを皆にアピールするサイトにしました3 スキンケアなどの美容商品は薬事法が厳しい4 有料ブログ活用。自分好みにカスタマイズと広告非表示はとても良い!4….
- 【アフィリエイト体験談】カードローンのアフィリエイトは特に人々が関心がありそうなテーマで勝負
みんなが関心を持ちそうなテーマでアフィリエイトをはじめてみる アフィリエイトサイトを始める際には、何をテーマとするのかじっくりと考える必要があります。自分の好きな物や詳しい物を取り上げたからといって、必ずしもうまくいくと…
- 【アフィリエイト体験談】主婦がA8netでアフィリエイトしてみた感想
ブログをはじめてより稼ぎたいと思われる方も多いのではないでしょうか。A8netは、日本国内のアフィリエイトプロバイダの中でも有名なので、広告なども多く見かけます。他にも色々なアフェリエイトを併用してブログを書いていますが…
- アフィリエイトサイトの手法とその種類について
一言でアフィリエイトサイトといっても、様々な種類があります。たくさんの手法とジャンルがあって、メリット・デメリットや特徴なども異なってきます。 きちんとアフィリエイトで稼ぎたいという場合には、それぞれの種類を比較してどの…
- 【アフィリエイト体験談】育毛剤アフィリエイトをはじめた感想
はじめは育毛ケアの体験談をブログで書いていた 私は昔から薄毛に悩んでいて、色々な育毛剤や育毛シャンプーを試してきました。最初はそれを日記をつける感覚で体験談をブログに載せていたのですが、だんだんとアクセス数が増えてきて、…