トップページ HTML入門 基礎知識編
← BACK(準備編へ)
基 礎 知 識
HTMLの概要
HTML(Hyper Text Markup Language)は、Webページを作成するための言語です。HTML言語で記述された文書を「HTML文書」と言います。
 HTML文書は、タグという記号を使って「ここからここまではこう」とテキストに意味を持たせてあげる作業なのです。「<」と「>」で囲まれたものを「開始タグ」、「</」「>」で囲まれたものを「終了タグと言います。

<FONT color="#ff9900" size="5">初めて書いた文字</FONT>

と入力すると、ブラウザでは次のように表示されます。

初めて書いた文字

ここではテキストの外見を変える<font>タグの色(color="...")とサイズ(size=" ")を指定して文字の色と大きさ変えました。アトリビュートには標準値があるので、標準値から変更したいものだけを指定します。

---タグの挿入時の注意---

 ・タグに用いる<>や英数字は半角で入力します。
 ・基本的にタグの中の大文字・小文字は同一視されます。<FONT> と <font> は同じです。
 ・オプションの値は「color="#ff9900"」のように、「#ff9900」を「"(ダブルクォート)」で囲みます。

最も簡単なHTML文書
HTML文書の基本的な構成は次のようになっています。メモ帳などのテキストエディタに入力し、適当なファイル名に .html の拡張子を付けて保存します。

  <html>
   <head>
    <title> タイトル名 </title>
   </head>
   <body>
    初めてのWebページ
   </body>
  </html>


<html>タグは、文章全体をHTML文書と定義するタグなので、すべてのHTML文書は<html>(開始タグ)で始まり、</html>(終了タグ)で終わります。
<head>タグは、ページに表示されない情報(タイトルなど)を含みます。
<body>タグでページに表示される全ての内容を囲みます。
従って、Webページとして編集するのは、<body>タグの中身を編集すれば良いのです。

見出し文字の大きさ指定
見出し文字の大きさを指定するには、<Hn>〜</Hn>を用いる。

<HEAD>
  <TITLE>--タイトル--</TITLE>
</HEAD>
 <BODY>
  <H1>見出し1</H1>
  <H2>見出し2</H2>
  <H3>見出し3</H3>
  <H4>見出し4</H4>
  <H5>見出し5</H5>
  <H6>見出し6</H6>
 </BODY>
<HTML>


のように指定します。ブラウザでは、実際に次ぎように表示されます。

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

文字色の指定
文字のColorを指定するには、<FONT COLOR="*****">文字色の指定</FONT>を用いる。 <HTML>
  <HEAD>
   <TITLE>--タイトル--</TITLE>
  </HEAD>
  <BODY>
   <p>
    <FONT COLOR ="#000000">フォントカラー</FONT>
    <FONT COLOR ="#ffffff">フォントカラー</FONT>
    <FONT COLOR ="#ff0000">フォントカラー</FONT>
    <FONT COLOR ="#ffff00">フォントカラー</FONT>
   </p>
   <p>
    <FONT COLOR ="red">フォントカラー</FONT>
    <FONT COLOR ="White">フォントカラー</FONT>
    <FONT COLOR ="Peru">フォントカラー</FONT>
    <FONT COLOR ="Green">フォントカラー</FONT>
   </p>
  <BODY>
 <HTML>


のように指定します。ブラウザでは、実際に次ぎように表示されます。

   フォントカラー
   フォントカラー
   フォントカラー
   フォントカラー
   フォントカラー
   フォントカラー
   フォントカラー
   フォントカラー

背景や文字色を一度に指定
ページ全体の背景と文字の色を指定するには、<body>タグを利用します。

<BODY>.....</BODY>


文書の「コンテンツ」(ブラウザで表示されるページの中身)を囲み、このタグでページ全体の背景やテキストの色などを指定出来ます。 BACKGROUND="...": 背景に使われる画像のファイル名。

BGCOLOR="...": ファイルを指定しない場合の背景の色。
TEXT="...": テキストの色
LINK="...": リンクの色。
ALINK="...": クリックしたときのリンクの色。
VLINK="...": すでに訪れたリンクの色。
BGPROPERTIES=FIXED: 背景をスクロールしないようにする
LEFTMARGIN="10": 左のマージンの幅をピクセル単位で指定
TOPMARGIN="10": 上のマージンの幅をピクセル単位で指定

例: <body bgcolor="white" text="red" LINK="Black" ALINK="Green">