ホームページ仮4ページ目ｗｗｗ9

マんタ
2020/06/23 05:22

はい。今回は4ページ目を作成していきます。

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="ja"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"&gt;
&lt;meta http-equiv="Content-Style-Type" content="text/css"&gt;
&lt;meta http-equiv="Content-Script-Type" content="text/javascript"&gt;
&lt;link rel="stylesheet" type="text/css" href="mystyle.css"&gt;
&lt;script type="text/javascript"src="script2.js"&gt;
&lt;/script&gt;&lt;/div&gt;
&lt;p&gt;画像をクリックするとそれぞれのページ にとびますｗｗｗ&lt;/p&gt;
&lt;p align="center"&gt;&lt;a href="top.html"&gt;&lt;img src="image/Top.jpg " alt="top"/&gt;
&lt;a href="form.html"&gt;&lt;img src="image/おちゃ缶.jpg " alt="おちゃ缶"/&gt;
&lt;a href="sab.html"&gt;&lt;img src="image/プライズ商品.png " alt="プライズ"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;h2&gt;プライズ詳細&lt;/h2&gt;
&lt;p&gt;&lt;br&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;img src="image2/ss3.jpg" alt="figyua写真"  onmouseover="document.hanamaru.src='image2/hanamaru1.jpg'"&gt;
&lt;img src="image2/ss2.jpg"alt="figyua写真"   onmouseover="document.hanamaru.src='image2/hanamaru3.jpg'"&gt;
&lt;img src="image2/ss1.jpg"alt="figyua写真"   onmouseover="document.hanamaru.src='image2/hanamaru2.jpg'"&gt;&lt;br&gt;
&lt;img src="image2/hanamaru1.jpg" alt="figyua写真"  name="hanamaru"&gt;&lt;br&gt;
&lt;span class="hana"&gt;上の小さい画像をポイントすると、下に大きく表示されます。&lt;/span&gt;&lt;/p&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

あっ！そうそうJavaScriptの時に飛ばしてしまった部分があったのでここで解説しておきますが、また後でJavaScriptの記事にも追加しておきますが・・・

下の部分のプログラムですが

&lt;img src="image2/ss3.jpg" alt="figyua写真"  onmouseover="document.hanamaru.src='image2/hanamaru1.jpg'"&gt;
&lt;img src="image2/ss2.jpg"alt="figyua写真"   onmouseover="document.hanamaru.src='image2/hanamaru3.jpg'"&gt;
&lt;img src="image2/ss1.jpg"alt="figyua写真"   onmouseover="document.hanamaru.src='image2/hanamaru2.jpg'"&gt;&lt;br&gt;
&lt;img src="image2/hanamaru1.jpg" alt="figyua写真"  name="hanamaru"&gt;&lt;br&gt;
&gt;