アフィリエイトコラム　テクニック

HTMLとCSSの違いについて

テクニック2019.12.17 更新

普段利用しているホームページやブログなどのウェブページは、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;

}

color: #333333;

}

HTMLのタグの中に、classと記述されている部分があります。ここで指定されているのが、CSSで記述されている名前に対応しています。CSSでは文字色やフォントサイズなどの修飾に関する指定を記述します。初期のHTMLではこのような修飾もHTMLの一部として記述していましたが、最近は修飾はCSSで記述するようになっています。HTMLが読みやすくなり、修飾を一括で変更する場合はCSSを修正するだけで一括変更できる利点もあります。

本でHTMLを学ぶなら「HTML5 & CSS3ポケットリファレンス [改訂新版]」

HTML5 & CSS3ポケットリファレンスは、初心者から上級者まで長年使えるオススメの本です。タグの意味から使い方まで細かくまとめられているオススメの一冊です。

Amazonで購入

ネットでHTMLを学ぶなら「HTMLクイックリファレンス」

HTML・CSSと早見表サイトです。「画像を表示させたい」「リンクをつけたい」など、HTMLでやりたいことがあったときにこのサイトで探してみるとすぐに見つかります。

HTMLとCSSをもっと知る

: WordPressに適したレンタルサーバー3選
オープンソースのひとつであるWordPressを活用する際には、何も考えずにただ利用すればよいというものではありません。より快適に使用するためには、レンタルサーバー選びにも気を配ることをおすすめします。WordPress…

コラム2020.07.23 更新

: 【アフィリエイト体験談】株でアフィリエイトサイトを作るコツとは
株でアフィリエイトサイトを始めた理由株のアフィリエイトサイトを作るなら、プロ目線か初心者目線がいいです。アフィリエイトでどのサイトに行って欲しいのかを考えておくと、目線が決まってきます。基本的に株の初心者がプロを装って…

体験談2020.08.29 更新

: 【アフィリエイト体験談】成約数が少なくても単価が高い不動産アフィリエイト
不動産関係のアフィリエイトは情報収集が難しいアフィリエイトの中でも高額報酬なのが不動産関係です。物販の商品リンクと違い購入してレビューを書いたりできないので、アフィリエイトを始めた当初は、どんな記事を書いてユーザーを呼…

体験談2020.08.01 更新

: 【アフィリエイト体験談】カードローンのアフィリエイトは特に人々が関心がありそうなテーマで勝負
みんなが関心を持ちそうなテーマでアフィリエイトをはじめてみるアフィリエイトサイトを始める際には、何をテーマとするのかじっくりと考える必要があります。自分の好きな物や詳しい物を取り上げたからといって、必ずしもうまくいくと…

体験談2020.07.25 更新

: アフィリエイトサイトの作り方。「WordPress」と「無料ブログ」の違いについて
アフィリエイトを始めるためには、商品やサービスを紹介して、読者に購入してもらうためのウェブサイトが必要です。サイト作りは難しいと考える人もいますが、近年では簡単に作ることができるためすぐにアフィリエイトを始められる様に…

コラム2019.11.02 更新