HTMLで骨組みする

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>」で終わる構造です。...