Webサイトデザイン講座

HTMLとCSSのルール

CSSの基本ルール

CSSでレイアウトや装飾を行うにあたり、「セレクタ」の理解が必要になります。セレクタの記述ルールと適用される優先順のルールなどがあります。セレクタの概要セレクタとはセレクタとは、「CSSのスタイルを適用する場所(対象)を選択するための指定」...
HTMLで骨組みする

背景を変えよう

Webページ全体に背景色をつけたり、背景画像を表示したりすることができます。その具体的な方法を見てみましょう。背景色を指定背景に色をつけるには『background-colorプロパティ』を使います。これは、ブロックレベル要素とインライン要...
HTMLで骨組みする

ページの情報を伝えるmeta要素の記述

head要素に入る要素の『meta要素』は、「そのページがどんな文書なのか」をコンピューターに伝えるものです。meta要素の記述方法を具体的に見ていきます。文字コード文字コードの指定日本語の最近の主流は『UTF-8』です。その他に、『Shi...
HTMLで骨組みする

HTMLにCSSを組み込む

HTMLにCSSを組み込む方法は、大きくわけて3つあります。使いどころやメンテナンス性が異なるので、それらの特徴を理解しよう。3つの組み込み方リンク『リンク』とは、CSSをHTMLとは別の外部ファイルとして作成し、HTMLファイル内からli...
HTMLで骨組みする

Body要素のヒミツ

body要素の中では、様々な要素が記述されています。それらは『ブロックレベル要素』と『インライン要素』に大別されます。この2つの要素は、Webブラウザの表示や性質に違いがあります。ブロックレベル要素ブロックレベル要素は、情報を一つのまとまり...
HTMLで骨組みする

head要素の書き方

head要素には、そのWebページがどのような文書なのかをコンピューターに伝える情報が入っています。では実際に記述する具体的な内容と、書き方について見ていきます。必ず使われる要素head要素に入れる要素は個々のWebページによって異なります...
HTMLで骨組みする

head要素とbody要素

HTMLは、大きく分けると『head要素』と『body要素』から構成されています。それぞれの違いと役割を見ていきます。head要素とbody要素の違いHTMLは開始タグ「<html>」で始まり、終わりタグ「</html>」で終わる構造です。...
HTMLとCSSのルール

マークアップ使いこなし術

ここでは、原稿作成からマークアップまでの流れを覚え、実際のマークアップ作業をしていきます。
HTMLとCSSのルール

マークアップって?

HTMLファイルはテキストの集合体です。個々のテキストに見出しや段落などの特定の意味や役割があります。その意味や役割をコンピューターに正しく伝えるのが、マークアップの役目です。マークアップとはWebページでは、中身のテキストに対して要素(タ...
HTMLとCSSのルール

HTMLの基本ルール

HTMLを書くにあたり、基本的なルールを知っておきましょう。HTMLのバージョンを指定する『DOCTYPE宣言』や意味づけの『要素(タグ)』を記述するのが特徴です。HTMLの仕様宣言『DOCTYPE宣言』とは、HTML文書が、どのバージョン...