ここでは、サンプルページでやっていることや、

その実現方法を解説します。(青字の部分)

実現方法は、ホームページエディタは人によって違うのを使っていると思うので、
HTMLのタグの書き方で説明します。
(FrontPageやホームページビルダーでは、「HTML」というタブを押すと
ずらずらと文字が出てきますよね。あれです。)
ホームページは全てHTML表示によりその構造を見ることができます。
「メモ帳」などのテキストエディタで、誰でも編集可能です。
これがわかると微修正に便利ですよ。



について

中央配置<p align="center">と文字サイズ指定<font size=" "></font>
基本技ですね。

秋の夕日に 照る山 もみじ 濃いも薄いも 数ある中に 秋を彩る 楓やつたは 山のふもとの裾模様

マーキー
(インターネットエクスプローラーでのみ動作)
文字がスクロールします。

<

marquee  bgColor="#ffff00"  scrollAmount="4" width="80%"  border="0">
      <マーキー 背景色指定  スクロール速度指定  幅指定   境界線の太さ指定>

秋らしい画像

画像挿入
これも基本です。拡大縮小ができます。
<img   height="240"  src="画像ファイル名.拡張子" width="360">
<イメージ使え 高さはいくつ     ファイルはここだ    幅はいくつ>

秋のホームページにようこそ。

2001/1/16更新

更新日
何度も来てくれる人のために、いつ更新したか知らせてあげるのが親切です。
エディタによっては、編集作業を行うたびに自動で日付を入れなおしてくれます。
たとえば「Microsoft FrontPage98」

もみじアイコン秋について解説つき 

もみじアイコン連想ゲーム《秋》解説つき

もみじアイコン山の運動会解説つき(実はこのページ内)

にかとまのホームページに戻る解説なし

画像挿入とリンク
アイコンやマーク用に小さい画像を使うとデザインの幅が広がりますね。
下線が引かれているところは他のページへのリンクが設定してあるところです。
<a href="HTMLファイル名.拡張子">リンク個所の文字</a>
hrefは、私は”Hリファレンス”と読んでいます。
リファレンスは「参照」という意味の英語です。


ブックマークを使って、山の運動会を楽しんでみましょう。↓

ブックマーク

ページの途中の部分にブックマーク(しおり)をはさんでおき、リンク先でそのブックマークを指定すると、
途中の部分に飛ぶことができます。

この「山の運動会」は、分岐にそれぞれ違うブックマークを設定していますが、実は全部このページ内にあるのです。
縦にスクロールしていくと分かりますね。

(質問に答えて、「はい」か「いいえ」を押してください。)

今日は山の運動会です。

おや、かけっこがはじまるようですよ。

かけっこに挑戦しますか?       はい いいえ

「はい」は「#かけっこ」というブックマークに、
「いいえ」は「#玉入れする?」というブックマークにリンクされています。
カーソルを置いて、ブラウザ下部のバーを見ると分かりますね。

 

 

 

 

 

 

 

 

 


水平線
区切り線です。太さや長さを変えることができます。

<hr      align="left" SIZE="5" width="60%">
<水平線 配置は左 サイズは5 幅は全体の60%よん>

      

このあたりを「#かけっこ」というブックマークに指定しています。
<a name="かけっこ">    </a> 

よーい、どん!

タッタカ タッタカ

タッタカ タッタカ

タッタカ タッタカ

タッタカ タッタカ

タッタカ タッタカ

タッタカ タッタカ

タッタカ タッタカ

タッタカ タッタカ

タッタカ タッタカ

タッタカ タッタカ

どてっ。

ああっ。ゴール直前でこけてしまいました。

  起き上がる あきらめる

「起き上がる」は「#1位」というブックマークに、
「あきらめる」は「#びりっけつ」というブックマークにリンクされています。

 

 

 

 

 

 

 

 

 


 

 

     

このあたりを「#1位」というブックマークに指定しています。
<a name="1位">    </a> 

なんとか1位でゴールできました。  

おめでとう!

 

トップへ

 

 

 

 

 

 

 

 


 

 

     

このあたりを「#びりっけつ」というブックマークに指定しています。
<a name="びりっけつ">    </a> 

あ〜あ、びりっけつです。

残念。

 

トップへ

 

 

 

 

 

 

 


 

 

  

このあたりを「#玉入れする?」というブックマークに指定しています。
<a name="玉入れする?">    </a> 

今度は、玉入れがはじまるようですよ。

玉入れに挑戦しますか?       はい いいえ

「はい」は「#玉入れ終わり」というブックマークに、
「いいえ」は「#終わった」というブックマークにリンクされています。

 

 

 

 

 

 

 

 

 


 

 

   このあたりを「#終わった」というブックマークに指定しています。
<a name="終わった">    </a> 

運動会は終わってしまいました・・・。

 

トップへ

 

 

 

 

 

 

 

 

 


 

 

   このあたりを「#玉入れ終わり」というブックマークに指定しています。
<a name="玉入れ終わり">    </a> 

たくさん玉が入りました。

おめでとう!

 

トップへ