超初心者のためのＨＴＭＬタグ

まずジオシテイーズ等のＨＴＭＬでタグを書くＨＰ(ホームページ)を
作る場合に、最低限は知っておかなければいけないタグの説明。
おぢちゃんの説教見てみる？(笑)
基本的に１つのページを作る場合は、最後にHTMLかHTMと付けます。
半角英数の大文字か小文字で書いて下さい

最初に、ココ見て下さい

インデックス(１番最初のページ)を作るか、改造する場合
　index.html　index.htm　等の書き方になります。
一般的に　index.html　が良いと思います。
リンクのページを作る場合は、link.html と書いた方が、自分で解り
やすいです。

タグ一覧の見本を見る

それでは簡単に最低限、知っておけなければページを作れないＨＴＭ
Ｌタグを紹介しましょう。

<html>　</html>これは、HTMLという書き方で書き
ますよ、終わりますよと宣誓しています。

</> ←これはそのタグを閉じてる
(これは、ここまでという意味)

たとえば、<TITLE>そのページの題名</TITLE> タイ
トルの書式は、ここから、ここまで、と書いた事になります。

この　/　←が要らないタグもあります。
たとえば、<BR> 改行命令なんですけど、文章を書いて
<BR>を付けると、改行されます。

ジオシテイーズのゲストブック等は自動で改行され無いので、
<BR>を付ける必要があります。

＊＊＊＊＊＊ＨＴＭＬタグを書いてみよう＊＊＊＊＊＊

ちなみに、半角英数の大文字で書いても小文字でも良いです。
ＤＣ(ドリームキャスト)の場合キーボードは、シフト押しながら大文
字なので、小文字が便利です。

<html>　</html>　タグの始まり　タグの終わり

<head>　</head>　この間に見だし等を書く

<title>　</title>　画面下のバーにここに書いたタイ
トルが出ます。

<head>　<title>ここにタイトル</title></head>　セットで使います。

<body>　</body>　この中でページのデザインが構成
されます。

＊＊＊背景の色を指定＊＊＊

<body bgcolor="色指定">　背景の色を指定します。
　" " ←ダブルクオテーションで区切ります。

ガイアックス等は<" ">を使わないので、ジオシテイーズ等に
移行する時に良く失敗します。

普通はタグ表記の場合は、付けるんですが、ガイアックスの場合は、
すでに用意されたタグの上に書いていく形式なので、<" ">　
や　<a href=>　や　<img src=>がリンクの
所にあらかじめ書いてあるので(自分には見え無い所に)、講座で勉強
したまま書くと２重書きになりエラーになるんです。

＊＊＊背景を画像や壁紙に＊＊＊

<body background="画像のＵＲＬ">
ＵＲＬとは、ホームページアドレス(住所)や素材等のある場所
　<http://www.○○○.gif>　とか書いてあるアレです。

でも勝手に持って来たり、直リンクはダメです。
フリーと書いてあっても、そこの掲示板等にお礼を書いて置くのはマ
ナーで常識です。

＊＊＊直リンク(ちょくリンク)＊＊＊

これは絶対ダメです。
直リンクとは、自分のＨＰにフリー素材等を持って来ないで、相手の
人のページに直結してる事。

直結＝ちょくせつ相手の素材アドレスを自分のＨＰに書いて、常時相
手のＨＰから画像等のデーターをあいてサーバーから持って来てる状態。

もっと簡単に言うと、下宿人がギュウギュウ詰めで多すぎて、その人
のページが開け無い、最悪元サーバーまでダウンという被害がでます。

＊＊＊じゃぁどうする？＊＊＊

ファイルローダーで持って来ます。
簡単に言うと、そのデーター画像等をコピーして、自分の所に持って
来るという意味。これは別のページで説明します。

ファイルローダ編

＊＊＊文字の色等を決める＊＊＊

<text="色指定"link="色指定"alink="色指定"vlink="色指定">
text　は本文(そのページの中で)の文字の色です。

link　はページを飛んだり出来るよって意味の色。

そこにカーソル持っていって、ボタン(Enterキー)押すと違うページに
行けるようになる。

alink はカーソルをそこに持っていくと色が変わる。

vlink　は１度行った事を示す色です。linkより薄い色を選びましょう。

<font size="1～7まで">は７が一番大きい
<div align="left・center・right">ここに文字や内容</div>
　　　　　　　　↑左　↑真ん中　↑右
左寄せ・真ん中寄せ・右寄せ・の指定です。

<pre>　</pre>
この中にタグを書いた通り表示

そのページに画像を貼るタグ
<img src="画像やバナーのＵＲＬ">

その画像や文字にカーソルが触れると、そのアドレスに飛ぶタグは、
<a href="移動先のＵＲＬ">
何のページかの説明</a>

ジオシティーズで、自分のページ内でのリンク(移動する所の指定)は
もし、index.html　にリンクしたい場合は、
<a href="index.html">メインに</a>

だいたい普通は、index.html　はメインページにする。

他に作成したページに飛ばしたい場合。
もしリンクのページを作成した時に、ファイル名を　link.htmlと付け
た場合は、
<a href="link.html">リンク</a>
バナー等のサイズ指定は、縦が　hight="数値"で横が　width="数
値"になる。

例：<img src="http://～～.gif"hight="数値"width="数値">
これに<center><img src="http://～～.gif"hight="数値"width="数値"></center>
とセンターを付けると、画面の中央に表示される。

＊＊＊新規ディレクトリー＊＊＊

新しくファイル(新規ページ)を作るには、ファイルマネージャーの新
規ディレクトリーを作成するをクリック。

ファイル名を付けてＨＴＭＬタグでページを作る。

サンプル
<html>
<head>
<title>○○○の部屋</title></head> <body>
<body bgcolor="#e6e6fa"text="#000080"link="#0000ff"alink="#ffa500"vlink="#00ffff">
<center><table border="3"><tr><td>
この中はテーブルの中に囲まれる様になりますが、<br>サイズ
の指定が無い場合は、自動的に改行<br>されてタテも広がって
いきます。

</td></tr></table></font>
</body></html>
という風に書いてページを作ります。

　index.htmlを改造する場合まず、
index1.htmlとか別の名前をindex.htmlに付けて保存してから作業し
て下さい。

失敗した時に、いつでも前のindex.htmlに戻せる様に。