search
他カテゴリ

ホームページ4ページ目ほぼ完成10

マんタ's icon'
  • マんタ
  • 2020/06/26 07:54

こんにちは今回はホームページ前回の続き

前回は

Content image

こんな感じで終わっていましたwww

こんかいは点線と追加画像をいくつか加えていこうと思います

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" border="1">
<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>
</head>
<body>

<br><p><br>画像をクリックするとそれぞれのページ にとびます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="praiz.html"><img src="image/プライズ商品.png " alt="プライズ"/></a></p>
<hr>
<h2 border="">プライズ詳細</h2>
<br>

<p><br>国木田花丸EXQフィギア</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>
<br>

<p><br>黒澤ルビイEXQフィギア</p>
<p><img src="image2/ss4.jpg" alt="figyua写真2"  onmouseover="document.kurosawa.src='image2/kurosawa1.jpg'">
<img src="image2/ss5.jpg"alt="figyua写真2"   onmouseover="document.kurosawa.src='image2/kurosawa3.jpg'">
<img src="image2/ss6.jpg"alt="figyua写真2"   onmouseover="document.kurosawa.src='image2/kurosawa2.jpg'"><br>
<img src="image2/kurosawa1.jpg" alt="figyua写真2"  name="kurosawa"><br>
<span class="kuro">上の小さい画像をポイントすると、下に大きく表示されます。</span></p>
<br>

<p><br>その他のプライズ景品</p>
<p><img src="image2/ss7.jpg"alt="azer写真2"   onmouseover="document.pika.src='image2/pika1.jpg'">
<img src="image2/ss8.jpg"alt="azer写真2"   onmouseover="document.pika.src='image2/pika2.jpg'">
<img src="image2/ss9.jpg"alt="azer写真2"   onmouseover="document.pika.src='image2/pika3.jpg'"><br>
<img src="image2/pika1.jpg" alt="azer写真2"  name="pika"><br>
<span class="pika">上の小さい画像をポイントすると、下に大きく表示されます。</span></p>
</form>
</body>
</html>

こんな感じになりますね。

何度見ても頭が痛くなりそうですねwww

表示すると

Content image

かなり見やすくなりましたね。個人的にはもう少し色を足していきたいですね。

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

BYマんタ

今回で完成の予定でしたがもう少し時間がかかりそうです(´;ω;`)

今日もジメジメしてくそ暑い・・・・・

Article tip 0人がサポートしています
獲得ALIS: Article like 10.69 ALIS Article tip 0.00 ALIS
Article registration Article registration
マんタ's icon'
  • マんタ
  • @25kit6
4月突入!春らしくなってきたけどなんか寒い(><)油断すると風邪ひきそうだから服装もそこそこにしないとね(^O^)

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
クリプト

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

CryptoChick 2020/03/07
Like token Tip token
159.32 ALIS
Eye catch
トラベル

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

こすもす 2021/08/07
Like token Tip token
486.35 ALIS
Eye catch
他カテゴリ

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

ふたひい@web3 2020/05/16
Like token Tip token
114.82 ALIS
Eye catch
他カテゴリ

機械学習を体験してみよう!(難易度低)

nonstop-iida 2020/03/04
Like token Tip token
124.82 ALIS
Eye catch
他カテゴリ

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

連獅子 2021/10/09
Like token Tip token
31.20 ALIS
Eye catch
ビジネス

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

Semapho 2021/09/14
Like token Tip token
16.10 ALIS
Eye catch
トラベル

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

こすもす 2021/05/25
Like token Tip token
216.64 ALIS
Eye catch
他カテゴリ

オランダ人が語る大麻大国のオランダ

Jimmy 2018/12/21
Like token Tip token
46.20 ALIS
Eye catch
他カテゴリ

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

Taka 2021/01/22
Like token Tip token
35.87 ALIS
Eye catch
トラベル

無料案内所という職業

bansu 2019/06/11
Like token Tip token
84.20 ALIS
Eye catch
クリプト

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

昆布森ちゃん 2021/01/19
Like token Tip token
38.31 ALIS
Eye catch
他カテゴリ

京都のきーひん、神戸のこーへん

yamaeigh 2020/02/15
Like token Tip token
12.10 ALIS