他カテゴリ

ホームページ仮4ページ目www9

マんタ's icon'
  • マんタ
  • 2020/06/23 05:22

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

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

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

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

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

これは小さいサムネイルを大きく表示させるときに使います
<img src="image2/hanamaru1.jpg" alt="figyua写真"  name="hanamaru"><br>

プログラムを見ていくと

img要素を使ってimage2/hanamaru1.jpgという画像を挿入しています。

また、name属性で画像にhanamaruという名前を付けています。

表示するとこんな感じに

Content image

それぞれの画像の上にマウスを置くと

Content image
Content image
Content image

非常にわかりにくくて申し訳ないのですが一応マウスポインタを上に乗せると下に拡大画像が表示されるわけですwww

ここまでご覧いただきありがとうございました。

4ページ目完成まであと少し・・・・

完成したらまた記事を出すので良かったらご覧ください。

BYマんタ

Article tip 0人がサポートしています
獲得ALIS: Article like 61.43 ALIS Article tip 0.00 ALIS
マんタ's icon'
  • マんタ
  • @25kit6
3月、今年は桜綺麗に咲くのかな?梅はそこそこ綺麗に咲いてるの見るけど…

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
ゲーム

【初心者向け】Splinterlandsの遊び方【BCG】

Like token Tip token
6.32 ALIS
Eye catch
クリプト

Bitcoin史 〜0.00076ドルから6万ドルへの歩み〜

Like token Tip token
947.13 ALIS
Eye catch
他カテゴリ

警察官が一人で戦ったらどのくらいの強さなの?『柔道編』 【元警察官が本音で回答】

Like token Tip token
114.82 ALIS
Eye catch
クリプト

ジョークコインとして出発したDogecoin(ドージコイン)の誕生から現在まで。注目される非証券性🐶

Like token Tip token
38.31 ALIS
Eye catch
クリプト

ブロックチェーンの51%攻撃ってなに

Like token Tip token
0.00 ALIS
Eye catch
トラベル

梅雨の京都八瀬・瑠璃光院はしっとり濃い新緑の世界

Like token Tip token
213.49 ALIS
Eye catch
ビジネス

ブックオフで買ってきてアマゾンで売る仕事の1ヶ月の売り上げ公開

Like token Tip token
177.41 ALIS
Eye catch
トラベル

わら人形を釘で打ち呪う 丑の刻参りは今も存在するのか? 京都最恐の貴船神社奥宮を調べた

Like token Tip token
484.35 ALIS
Eye catch
トラベル

無料案内所という職業

Like token Tip token
84.20 ALIS
Eye catch
他カテゴリ

テレビ番組で登録商標が「言えない」のか考察してみる

Like token Tip token
26.20 ALIS
Eye catch
クリプト

17万円のPCでTwitterやってるのはもったいないのでETHマイニングを始めた話

Like token Tip token
46.60 ALIS
Eye catch
クリプト

約2年間ブロックチェ-ンゲームをして

Like token Tip token
61.20 ALIS