お聴きのサウンドはヤマハ(株)から提供されたものです。
再生に必要なプラグイン"SoundVQ"はここからダウンロードできます。
Copyright(c) Yamaha Corporation All rights reserved.

ホームページを作ろう

HTML文を作ろう

ここまででHPの修正の加え方を書いていました。
ここからが本格的にタグの紹介です。まずメモ帳
開いてください(スタート→プログラム→アクセサ
リー)
そこに↓のような文をコピー&ペーストして
ください。


<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

これが最低限必要なタグです。まずこれから説明して
いきます。最初はタグを覚えるためにも自分で書いて
みるのも一つの手です。ただし直接入力しないと正しく
認識されません。気をつけてください。
これらのタグの説明はこっちにのあります。

↑のタグの説明


拡張子を変更しよう
コピー&ペーストが終わったらまずメモ帳を保存して
みてください。ファイル名は何でもいいですが、自分
で後で見て分かるようにしましょう。それが終わったら
いよいよHTMLを作成します。すごく簡単だから落ち
着いて読んでね。まずマイコンピューターを開きます。
次にツールバ−の表示をクリック♪そこからフォルダ
オプション
をクリック♪そこで「表示」の登録されている
ファイルの拡張子は表示しない。のチェックをはずします。
設定はそれで完了♪後はファイル名の変更です。

例 
fairumei.txtのテキストを
fairumei.htmlにする場合

ディスクトップ上のfairumei.txtの名前の上で右クリック
をして名前の変更を選びます。そしてファイル名をfairumei.html
に変更しましょう。それだけです。そしたら完成です。
しかしファイルを開いてみると真っ白です。それはあなたが
まだ何も文章を入れていないからです。そこでちょっと文章
を入れてみましょう。真っ白な画面で右クリックをして
ソースの表示を選びます。そこでこんな風に書いてみましょう。

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
HTML文章の練習<BR>
さ〜て来週のサザエさんは♪<BR>
「カツオ東風荘でチョンボ連発」<BR>
「サザエ一人でツープラトン」<BR>
「ワカメ伊良部の下敷き」<BR>
の3本です。<BR>
来週もまた見てくださいねー、んがくくっ♪<BR>
</BODY>
</HTML>

先ほどのソースに↓の文章をコピー&ペーストしましょう。

HTML文章の練習<BR>
さ〜て来週のサザエさんは♪<BR>
「カツオ雀荘でチョンボ連発」<BR>
「サザエ一人でツープラトン」<BR>
「ワカメ伊良部の下敷き」<BR>
の3本です。<BR>

それが終わったら、ツールバーの上書き保存をして本体の真っ白
なHPの更新を押しましょう。すると文字が出てきます。
少しは面白くなってきたと思います。タグの基本はここまでです。
次からはもう少し踏み込んだタグの使い方を紹介します。


今回使ったタグの種類について表にまとめます。
タグの種類
説明文
使い方
☆をクリック♪
<HTML>
</HTML>

このタグはHTML文を開始する
ために必要な大事なタグだがなぜか
省略可能です。しかし一般的に省略
する物ではないのでちゃんと書き
ましょう。(笑)ホ−ムページは
HTML文章で成り立っています。
だから始まりと終わりには必ず
このタグで始まりこのタグで終わる
ようにしましょう。
☆☆☆☆☆
<HEAD>
</HEAD>

よくワードなんかを使うひとには
分かると思うのですが、要するに
「ヘッダー」です。始めのうちは
使うことがないかもしれませんが
ここでプログラムの挿入をしたり
日本語の文字コードなど最初のこ
ろにはできます。なんのこっちゃ?
って思う情報を入れるタグです。
これも省略可能ですが一般的に
必ず入れるタグです。意味がわか
らなくてもとりあえず<HTML>
のすぐ下に書くといいでしょう。
☆☆☆☆☆
<TITLE>
</TITLE>

その名の通りタイトルを表示させる
タグです。<TITLE>と</TITLE>
の間にタイトルを入れます。み〜の
タイトルの場合
<TITLE>み〜くんの ぺ〜ジ</TITLE>
というようにします。画面の一番上を
見てください。タイトルはここに表示
されています。またタイトルは必ず
<HEAD>と</HEAD>の間に入れます。
☆☆☆☆☆
<BODY>
</BODY>

このタグの中に文章や絵を書きます。
HPを見る人はこのタグに囲まれた
ところを見ているわけです。よって
省略することも可能ですが書かない
と何にも文章が見れません(笑)
それからこのタグには属性という
ものがあって様々な効果を付ける
ことができます。後ほどの説明を
しっかり読んでね♪
☆☆☆☆☆


めにゅうに戻る