HTMLとCSSのルールCSSの基本ルール
CSSでレイアウトや装飾を行うにあたり、「セレクタ」の理解が必要になります。セレクタの記述ルールと適用される優先順のルールなどがあります。セレクタの概要セレクタとはセレクタとは、「CSSのスタイルを適用する場所（対象）を選択するための指定」...
Webサイトデザイン講座
HTMLとCSSのルール HTMLで骨組みする背景を変えよう
Webページ全体に背景色をつけたり、背景画像を表示したりすることができます。その具体的な方法を見てみましょう。背景色を指定背景に色をつけるには『background-colorプロパティ』を使います。これは、ブロックレベル要素とインライン要...
HTMLで骨組みするページの情報を伝えるmeta要素の記述
head要素に入る要素の『meta要素』は、「そのページがどんな文書なのか」をコンピューターに伝えるものです。meta要素の記述方法を具体的に見ていきます。文字コード文字コードの指定日本語の最近の主流は『UTF-8』です。その他に、『Shi...
HTMLで骨組みするHTMLにCSSを組み込む
HTMLにCSSを組み込む方法は、大きくわけて３つあります。使いどころやメンテナンス性が異なるので、それらの特徴を理解しよう。３つの組み込み方リンク『リンク』とは、CSSをHTMLとは別の外部ファイルとして作成し、HTMLファイル内からli...
HTMLで骨組みするBody要素のヒミツ
body要素の中では、様々な要素が記述されています。それらは『ブロックレベル要素』と『インライン要素』に大別されます。この２つの要素は、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文書が、どのバージョン...