This repository has been archived by the owner on Jan 13, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
fukushima.html
141 lines (129 loc) · 7.85 KB
/
fukushima.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="ja">
<title>福島県のおすすめスポット</title>
<link rel="icon" href="https://3.bp.blogspot.com/-jntJPpGQa5M/VUIHfoDtEeI/AAAAAAAAtOE/Qw0Cf703OMI/s800/2_touhoku6__fukushima.png">
<!--CSSファイルだから、入れなければならない-->
<link rel="stylesheet" type="text/css"href="css/group6.css">
<!--自分が変更したいCSS-->
<style>
hr{
height:2px;border-width:0;color:#FFD033;background-color:#FFD033;
}
.tuktuk{
float: right;
}
img{
opacity:1;
}
img:hover{
opacity:0.5;
}
.progress-container {
width: 100%;
height: 8px;
background: #ccc;
}
.progress-bar {
height: 8px;
background: #FFD033;
width: 0%;
}
</style>
</head>
<body>
<nav>
<div class="topnav" id="navbar">
<a class="active" href="toppage.html" href="javascript:void(0)">Top page</a>
<a href="aoba.html" href="javascript:void(0)">仙台市青葉区</a>
<a href="taihaku.html" href="javascript:void(0)">仙台市太白区</a>
<a href="izumi.html" href="javascript:void(0)">仙台市泉区</a>
<a href="kougai.html" href="javascript:void(0)">宮城県仙南</a>
<a href="fukushima.html" href="javascript:void(0)">福島県</a>
<a href="thai.html" href="javascript:void(0)">タイ</a>
</div>
<div class="progress-container">
<div class="progress-bar" id="myBar"></div>
</div>
</nav>
<header>
<a name="top" style="text-decoration: none;"><h1>福島県のおすすめスポット5選！</h1></a>
<center>
<img style="opacity: 1;" width="480" height="270" src="https://www.pref.kyoto.jp/koho/dayori/201903/images/09-01.jpg">
</center>
<br>
<h6><p>
福島県は山や海、湖に温泉など豊かな自然あふれるだけでなく、歴史的な文化財もたくさんある県です。福島県は大きく3つのエリアに分かれており、それぞれ、会津地方、中通り、浜通りと呼ばれています。これらの地域はそれぞれの魅力を持っており、訪れる人に驚きと感動を与えます。
</p></h6>
<!--目次の隣の写真-->
<div class="tuktuk">
<img style="width:300px;height:300px;margin-right:100px;opacity: 1;" src="https://1.bp.blogspot.com/-6HT7iIJ1Xs8/VGX8hLBmrOI/AAAAAAAApIA/W_dTS-CzgNA/s400/fruit_momo.png">
</div>
<!--目次-->
<div id="toc_container">
<p class="toc_title">PICK UP</p>
<ul class="toc_list">
<li><a href="#鶴ヶ城">1 鶴ヶ城</a>
<li><a href="#あぶくま洞">2 あぶくま洞</a></li>
<li><a href="#ハワイアンズ">3 ハワイアンズ</a></li>
<li><a href="#飯坂温泉">4 飯坂温泉</a></li>
<li><a href="#大内宿">5 大内宿</a></li>
</ul>
</div>
<br>
<!--内容-->
<h3><a name="鶴ヶ城" style="text-decoration: none;">
■鶴ヶ城
</a></h3>
<hr><br>
<center><img style="opacity: 1;" width="480" height="270" src="https://www.city.aizuwakamatsu.fukushima.jp/docs/2007081000576/files/tsurugajo-spring.jpg"></center>
<h6><p>
難攻不落の名城とうたわれた鶴ヶ城は、戊辰の戦役で新政府軍の猛攻の前に籠城一ヵ月、城は落ちなかった。石垣だけを残して取り壊されたのは明治7年のことである。至徳元年（1384）葦名直盛がはじめて館を築き、改修を経て天下の名城となった。
</p></h6><br>
<h3><a name="あぶくま洞" style="text-decoration: none;">
■あぶくま洞
</a></h3>
<hr><br>
<center><img style="opacity: 1;" width="480" height="270" src="https://tabi-mag.jp/wp-content/uploads/HS004901.jpg"></center>
<h6><p>
約8,000万年という歳月をかけて創られた鍾乳洞。全長600メートルの洞内には、東洋一ともいわれる種類と数の鍾乳石が続き、三層に分かれる洞内最大のホール「滝根御殿」や、日本の鍾乳洞で初めて舞台演出用の調光システムを導入した「月の世界」などが幻想的。県内唯一の恋人の聖地。
</h6></p><br>
<h3><a name="ハワイアンズ" style="text-decoration: none;">
■ハワイアンズ
</a></h3>
<hr><br>
<center><img style="opacity: 1;" width="480" height="270" src="https://gazoo.com/pages/contents/drive/hawaiiresort/170216/top.jpg"></center>
</a>
<h6><p>
地方特有の明るい風土と南太平洋の情緒を結びつけた常温２8度のパラダイス。スピード感とサバイバル感を味わえるプール、本格的な南国のダンスショー、さらりとした肌ざわりの温泉などの娯楽施設や、トロピカルガーデンが設けられている。さらに、高低差4、長さ日本一のボディスライダーがある。
</h6></p><br>
<h3><a name="飯坂温泉" style="text-decoration: none;">
■花ももの湯（飯坂温泉）
</a></h3>
<hr><br>
<center><img style="opacity: 1;" width="480" height="270" src="https://onsen.nifty.com/cms_image/onsen/onsen-detail/onsen012710/onsen012710_top4.jpg"></center>
<h6><p>
昔から「東の飯坂、西の別府」といわれ、日本最古の歴史を持つ温泉郷です。近代的な高層ホテル、格式高い日本旅館や落着いた小旅館のほかに、伝統の共同浴場もあります。その中でもおすすめするのが、「いいざか 花ももの湯」です。泉質の異なる３本の源泉を保有し、四季折々風情を感じる露天風呂や湯温選べる内湯で一日中楽しめます。ランチバイキングも大好評です。
</h6></p><br>
<h3><a name="大内宿" style="text-decoration: none;">
■大内宿
</a></h3>
<hr><br>
<center><img style="opacity: 1;"width="480" height="270" src="https://cdn-mapple.net/g/v3/?u=https://www.mapple.net/cms/wp-content/uploads/2018/08/163276-640x424.jpg"></center>
<h6><p>
会津城下と、栃木県日光市今市の下野の国を結ぶ全長約130キロメートルの下野街道にある、会津城下から3番目の宿場町。江戸時代の面影を残す古き良き町並みは、国選定重要伝統的建造物群にも指定されています。江戸の町並みにタイムスリップできます！
</h6></p><hr>
<center><h5><a href="#top">上へ戻る</a></h5></center>
</header>
<script>
window.onscroll = function() {myFunction()};
function myFunction() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("myBar").style.width = scrolled + "%";
}
</script>
</body>
</html>