他カテゴリ

ホームページ仮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;

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

プログラムを見ていくと

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

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

表示するとこんな感じに

Content image

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

Content image

Content image

Content image

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

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

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

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

BYマんタ

HTML XML ホームページ作成

0人がサポートしています

獲得ALIS:

61.43 ALIS

0.00 ALIS

Article registration

Article registration

マんタ
@25kit6

３月！　この時期になるとあれが来るねｗｗｗ恐怖の花粉症ｗｗｗ今年は今のところ何ともないけどどうなることやら・・・・できる対策だけはしておかないとね！

投稿者の人気記事

ヨリニモヨッテ年末に（ ; ; ）

Like token

Tip token

ありがとうございます。

Like token

Tip token

動画完成ｗｗｗ

Like token

Tip token

コメントする

コメントする

こちらもおすすめ！

他カテゴリ

機械学習を体験してみよう！（難易度低）

nonstop-iida 2020/03/04

454.56 ALIS 124.82 ALIS

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

こすもす 2021/05/25

460.46 ALIS 216.64 ALIS

海外企業と契約するフリーランス広報になった経緯をセルフインタビューで明かす！

Semapho 2021/09/14

246.34 ALIS 16.10 ALIS

他カテゴリ

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

ふたひい＠web3 2020/05/16

827.50 ALIS 114.82 ALIS

他カテゴリ

SASUKEオーディションに出た時の話

Taka 2021/01/22

494.64 ALIS 35.87 ALIS

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

大田コウキ 2021/04/06

799.98 ALIS 947.13 ALIS

無料案内所という職業

bansu 2019/06/11

596.41 ALIS 84.20 ALIS

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

昆布森ちゃん 2021/01/19

1.44k ALIS 38.31 ALIS

他カテゴリ

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

連獅子 2021/10/09

417.76 ALIS 31.20 ALIS

バターをつくってみた

モミジ 2021/02/18

906.43 ALIS 127.90 ALIS

Bitcoinの価値の源泉は、PoWによる電気代ではなくて"競争原理"だった。

CryptoChick 2020/03/07

144.63 ALIS 159.32 ALIS

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

暗号資産ジョシ校生　蟻巣 2021/07/07

514.28 ALIS 6.32 ALIS