＞

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>
　　　<head>
　　　　<title> タイトル名 </title>
　　　</head>
　　　<body>
　　　　初めてのWebページ
　　　</body>
　　</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">