初めに


HTMLの基礎

ここからは、中級者を対象としたホームページ製作講座となりますので、初心者の方は、初心者用ホームページ製作講座をご覧ください。

さて、ここでは、難しいタグや、MIDI、Javaスクリプトや、タグの応用例などについて説明していこうかと思っています。

その分、難易度が高くなりますので、覚悟してください。

最初に、ジオシティーズで、ホームページを作っている方は、アドバンストエディタで、ホームページを作ることを、お勧めします。

ファイルマネージャーで、編集とか、書いてあるところの下に、使用するエディタと、書いてますよね。

その右横に、ベーシックエディタと書いてありましたら、クリックして、アドバンストエディタを選択してください。

その後に、ためしに、新規HTMLファイル作成を、クリックしてください。

すると、ほとんど真っ白な画面になりますよね。

これが、アドバンスとエディタで、ベーシックエディタと違って、サポートがないので、全て自分で、HTMLを、打ち込まなければなりません。

その分、カスタムというか、思い通りのホームページが作れるわけです。

しかし、真っ白な、編集画面に、何を書いたら分からないと思うので、説明していきます。

まず、以下の文章は、構成タグという、ホームページを作る上で、欠かせないタグです。

ホームページを構成する大切な土台なので、必ず、覚えましょう。

<html>

<head>

<title>タイトル名</title>

</head>

<body background="壁紙に使う画像のファイル名"

text="色"link="色"vlink="色"alink="色">

ここに、本文を書きます。

</body>

</html>

順を追って、説明しますと、

<html>は、HTMLという、形式で、書いた文章だということを表すものです。

<head>は、文章の情報を記述するタグで、主に、タイトルを表示する<title>タグを、挟みます。

<body>タグは、画面上の色に関するタグで、

background="ファイル名"で、壁紙(画面の背景)に、好きな画像を入れられます。

backgroundを、bgcolor="red"と、言う風に、変える事で、画像がない場合、指定した色を、表示できます。

textは、普段使う文字の色を指定します。

linkは、リンクさせる所の色を指定します。

vlinkは、リンク後の色の指定をします。

alinkは、リンク中の色の指定をします。

そして、最も重要なことは、<body>と、</body>の間に、本文を書き入れるということです。

理解できない方は、ためしに、今まで、ベーシックエディタで書いていたファイルを、前に、書いたのと、同じ要領で、アドバンスとエディタにして、見てください。

また、いちいち書くのは面倒だという方は、こうしてください。

まず、ベーシックエディタで、新規HTMLファイル作成を選び、ファイル名と、色のみを指定して、保存します。

次に、使用するエディタを、アドバンスとエディタにしてから、編集をクリックします。

すると、HTML文が出てきますので、不要な部分を削除します。

以下の文章の、赤色の部分のみを削除してください。

緑色の所で示した、下のバナーへのリンク部分は、削除してもいいので、残すかどうかは、個人の判断に任せます。

 

<!--Created by GeoCities Home Page Generator-->

<HTML>

<HEAD>

<TITLE> </TITLE>

</HEAD>

<!--COLOR-->

<BODY BGCOLOR="#ffffff" TEXT="#000000" LINK="#0000FF" VLINK="#FF0000">

<DIV ALIGN=CENTER><!--#geoguide--></DIV>

<!--HEAD1-->

<!--HEAD2-->

<!--BODY-->

<CENTER><B>このページは<A HREF="/">

<IMG SRC="/pictures/gc_icon.gif" ALIGN=MIDDLE ALT="GeoCities" BORDER=0></A>です

<A HREF="/">無料ホームページ</A>をどうぞ</B></CENTER>

<BR><BR>

</BODY>

</HTML>


完了したら、、保存し、あとは、このファイルを、コピーして使えば、少しは楽になります。

 

 


 [HP制作講座のページへ]  [ホームへ]  [次へ]