ステップ１：文字を表示させてみよう。

手始めに、ページの作成の基礎の基礎をここで学んでみよう。
ページに文字を書くのがここでの目的だ。

月額125円からのレンタルサーバ

新規でテキストファイルを作ってください。ファイル名は index.html とする。

内容を以下のようにしてみよう。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>サイトのタイトル</title>
</head>
<body>

本文

</body>
</html>

これが最低限の基本的な内容となる。
書けたら保存をして、このファイルをダブルクリックしてみよう。
ブラウザに『本文』が表示されれば成功だ。

あとは、この本文の部分に好きなように文字を入れていけば、サイトの出来上がりというわけだ。
どうだ、簡単だろう。

では、それぞれの意味が知りたいって人のために、それぞれの記述の意味を教えよう。

手始めに、『タグ』について説明する。
まず、<>に囲まれている文字。これをタグと呼ぶ。ブラウザに機能を請求する文字、命令のような物と覚えておこう。
厳密には違うのだが、それはホームページ作成をしていく上で理解していくだろう。

まず一行目、<html>。
これは、ここから html の記述が始まるということをブラウザに知らせるためのタグである。
次に<head>
これは、ブラウザに本文を表示する前に行いたい処理を書く所だ。
今回は、２つの基本タグを入れてみた。

<meta>
これは汎用タグで、以後に続く文字により様々な役割をはたす。
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
このようにすれば、このファイルの文字は、Shift_JISという規格になっている。という意味である。
Windowsユーザーならば必ずこの一行を加えよう。そうしないと、表示したときに文字がぐちゃぐちゃになる場合がある。

<title>サイトのタイトル</title>
これは、そのページのタイトルをあらわす。２つのタグに囲まれている文字列がサイトタイトルというわけだ。

</head> ここでヘッダの終了となる。 <head>と対になっているタグである。書き忘れないように。

<body>
ここからが本文の始まり。ブラウザの画面に表示させる内容をここに書く。

</body>
本文の終わりを知らせる。

</html>
htmlファイルの終わりを知らせる。ここでタグの処理を終了する。

■■■ 豆知識 ■■■

『タグ』の事を日本語では『要素』とも言うことを覚えておこう。参考書によっては『要素』という言葉で説明される。

since 03/11/15 . open since 03/10/05.
	(C) 2003-2005 ウェブマイスター

・もう一人の自分で遊ぶ?夢を叶えるサイトJenka?	・★ロリポップサーバー☆特別キャンペーン実施中！★ 女性の方、お引っ越しの方はなんと初期費用半額！！
提携サイト→ 無料ゲーム / 健康・美容提携サイト→ 無料テンプレート/無料ゲーム/カスタムパソコン購入ガイド / おもしろゲーム