
|
初めに、ここは初心者の方にわかりやすい様に作ろうと思っています。 もし、わかりにくい所などありましたら掲示板やメールで聞いてください。 質問にお答えした上、その箇所を直したいと思います。 さて、ここではHTMLの記入の仕方やタグなどを教えていきます。 まずは難しく考えないでください。 訳のわからない英語が並んでる様に見えますが、 意味さえわかってしまえば全然簡単に出来てしまうものです。 英語の知識もいりません。 とりあえず、途中で挫折せず、わからない事があれば聞いてください。 ディレクトリなどわかりにくい言葉は用語集ありますのでそっちを見てね。 まず、下のHTMLをご覧下さい。 <HTML> <HEAD> <TITLE>初めてのページ</TITLE> </HEAD> <BODY TEXT="#000000" BGCOLOR="#FFFFFF"> まずはテスト。<BR> </BODY> </HTML> 今、この上に書いてあるのが1つのページを作る上での基本的ものです。 まずは1つ1つの説明からしていきますね。 ちなみに、上のものをメモ帳にコピペして、拡張子を.htmlにすれば見れますよ。 かなり寂しいものですが(笑) でも、立派なHTMLタグを使ったHPなんですよ?(笑) <HTML> これはHTMLの開始タグと言われています。 これが書いてある所からHTMLを開始しますって感じですね。 1番最初にこれを書かないとHTMLは開始されないので、基本的に1番最初です。 あ、ここで追加説明を。 タグには<HTML>と</HTML>の2種類がある事がわかりましたか? 「/」のついていないのが開始タグ、「/」が付いているのが終了タグです。 開始タグ<HTML>から、終了タグ</HTML>の間に入るものがそのタグの影響を受けるってのを覚えておいてください。 <HEAD> これはHEADの開始タグと言われています。 HEADと言うのはそのページの情報が入る所ですね。 では、今回入っている情報がどんなものか見てください。 <TITLE> & </TITLE> これはTITLEタグの開始と終了です。 よく見ると、<HEAD>と</HEAD>の間にあるのがわかりますか? これはそのページのタイトルを表していて、 間に挟まれてる「初めてのページ」がそのページのタイトルになっています。 これはブックマークした時などの名前になるので直接HPでは見えません。 このような情報関係は全て<HEAD>の間に入ります。 <BODY TEXT="#000000" BGCOLOR="#FFFFFF"> これはBODYタグです。 まぁ、ここからが本体ですよって意味ですね。 みなさんがいつも見ている部分です。 中にはTEXT="#000000"など入っています。 このBODYタグの中には色の指定などが入るようになっています。 ここに入っているのはホントに必要最低限のものです。 TEXT="#000000"は文字の色を、 BGCOLOR="#FFFFFF"は背景色を指定しています。 ここでは"#000000"の様に16進数というのを使っていますが、 この中は"BLACK"の様に英語表記でも構いません。 まぁ、色については別項目があるので、とりあえず一通り覚えましょう。 まずはテスト。<BR> これは本体の中に入れられているテキストです。 まぁ、みなさんがいつもHPで見ている文章そのままですね。 <BR>っていうのは改行を指定していて、 これは</BR>の様な終了タグはいりません。 これを入れないと画面の端までず〜〜っと文字が続き、そこから1行下にいきます。 見る人が見やすい様に適当な所で改行タグ<BR>を入れましょう。 </BODY> これはBODYの終了タグです。 ここまでが本体ですよって意味ですね。 </HTML> で、最後にHTMLの終了タグです。 ここでHTMLが終了してるのを表してます。 まぁ、最後は毎回これですね。 ってか、もう投げ出そうとしたり、頭がこんがらがってませんか? とりあえず、諦める前にこちらを見てくださいな。 <HTML> <情報> <タイトル>初めてのページ</タイトル> </情報> <本体 文字="黒" 背景色="白"> まずはテスト。<改行> </本体> </HTML> どうです? 日本語表記するとこんなんですよ? 最初のうち、ごちゃごちゃしててわかり辛い場合は、 1個1個のタグを入れる時、間に改行を入れて小分けすると便利カモ? 別に改行して間を空けてもちゃんと機能しますから(笑) 改行と言ってもEnter押す改行で(笑) <BR>タグを毎回入れたりしないでね(笑) まぁ、これでもHPは作れるのですが・・・。 寂しい上にTOPページしかありませんね。 では、次でちょっと色々とやってみましょう。 |
