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を修正するだけで一括変更できる利点もあります。
![HTML5 & CSS3ポケットリファレンス [改訂新版] HTML5 & CSS3ポケットリファレンス [改訂新版]](https://affiliatesite.biz/wp-content/uploads/2019/11/04.jpg)
-
本でHTMLを学ぶなら「HTML5 & CSS3ポケットリファレンス [改訂新版]」
HTML5 & CSS3ポケットリファレンスは、初心者から上級者まで長年使えるオススメの本です。タグの意味から使い方まで細かくまとめられているオススメの一冊です。
-
-
レンタルサーバー「さくらのレンタルサーバー」の使い方と解説
アフィリエイトで効率良く稼ぐ方法を模索した場合、WordPressサイトが必要となるでしょう。しかし、サイトの開設時、いずれのレンタルサーバーを利用するべきか判断しにくいですよね。そこで今回は、アフィリエイト初心者の間で…
-
-
ASP「Google AdSense」の使い方と解説
アフィリエイト広告とは、クリックされただけでは報酬が発生せず、そのあとに一定の期間内で商品が売れてくれなくては意味がありません。それに対してGoogle AdSenseはクリックされた時点で数十円の報酬が発生します。1ク…
-
-
はてなブログでやったおきたいカスタマイズ
はてなブログを運営するときに知っておきたいのがカスタマイズです。カスタマイズをすることにより読者がより記事が見つけてもらいやすくなったりと、使いやすくなるのでおすすめです。いじることができる部分は結構多いので初心者の方は…
-
-
ライブドアブログの使い方と解説
ライブドアブログはライブドアが提供しているブログサービスです。誰でも気軽にブログ開設をする事ができるので多くの方が利用しています。2015年の5月1日から有料サービスが廃止されて誰でも無料で使うことができるようになりまし…
-
-
アフィリエイトASP「A8.net」の使い方と解説
A8.netは株式会社ファンコミュニケーションズが運営しているアフィリエイトサービスで、2000年6月にサービスが開始されました。広告主数は業界でも最大規模を誇り、これまでに2万社以上が広告を導入しています。アフィリエイ…







