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ポケットリファレンスは、初心者から上級者まで長年使えるオススメの本です。タグの意味から使い方まで細かくまとめられているオススメの一冊です。
-
-
アフィリエイトASP「Amazonアソシエイト」の使い方と解説
Amazonアフィリエイトはそんなに審査が厳しくはなく、小規模なホームページ・ブログを開設している人でも気軽に始められます。そんなところが受けて国内では2000年代から副収入を得たい人達の間で絶大な人気を誇ってきました。…
-
-
HTMLの基本知識と使いこなすコツ
これからアフィリエイトサイトを立ち上げようと思っている人に重要な知識のひとつとして、「HTML」というものが挙げられるでしょう。ブロガーとして文章を執筆するだけだと思っていても、HTMLの知識が無いといざという時につまず…
-
-
WordPress専用クラウド型レンタルサーバー「wpX Speed」の使い方と解説
WordPressを用いてサイトを構築するときに便利なのがwpX Speedです。これはWordPressに特化しているレンタルサーバーです。徹底的にWordPressにおいて高速環境化されているので使い勝手が優れていま…
-
-
ライブドアブログの使い方と解説
ライブドアブログはライブドアが提供しているブログサービスです。誰でも気軽にブログ開設をする事ができるので多くの方が利用しています。2015年の5月1日から有料サービスが廃止されて誰でも無料で使うことができるようになりまし…
-
-
CSSを活用してデザイン力アップ
CSSはホームページのレイアウトを作るために利用される言語で、CSSを効果的に使えばデザイン力のアップにつながります。しかし、CSSでどんなことができるのか詳しいことが分からない方のために、CSSを使ってどんなデザインが…







