写一个风景的html网页
时间: 2024-06-12 20:05:32 浏览: 12
<!DOCTYPE html>
<html>
<head>
<title>美丽的自然风景</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
background-color: #c9d7e1;
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
color: #1b4965;
margin-top: 30px;
}
.container {
margin: 30px auto;
max-width: 800px;
padding: 0 20px;
}
.image {
width: 100%;
height: auto;
margin-bottom: 20px;
border: 2px solid #1b4965;
box-shadow: 3px 3px 3px #888888;
}
.caption {
text-align: center;
font-style: italic;
color: #1b4965;
margin-bottom: 30px;
}
.text {
color: #1b4965;
font-size: 18px;
line-height: 1.5;
margin-bottom: 30px;
}
</style>
</head>
<body>
<header>
<h1>美丽的自然风景</h1>
</header>
<div class="container">
<img class="image" src="https://images.unsplash.com/photo-1464817739973-0128fe77aaa8?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="美丽的山峰">
<p class="caption">美丽的山峰</p>
<p class="text">在这里,你可以看到壮观的山峰,高高耸立在天空之上。这些山峰被白雪覆盖,形成了一个美丽的景象。如果你喜欢徒步旅行,你可以选择攀登这些山峰,体验一下极致的冒险。</p>
<img class="image" src="https://images.unsplash.com/photo-1469474968028-56623f02e42f?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="美丽的大海">
<p class="caption">美丽的大海</p>
<p class="text">这里有一个美丽的海滩,沙滩上铺满了白色的沙子。在这里,你可以感受到海浪的声音,闻到海水的味道。如果你喜欢冲浪,你可以在这里找到一些很棒的冲浪点。</p>
<img class="image" src="https://images.unsplash.com/photo-1469371670801-921a412e76e3?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="美丽的森林">
<p class="caption">美丽的森林</p>
<p class="text">这里的森林非常美丽,到处都是绿色的植被。如果你喜欢徒步旅行,你可以在这里找到许多徒步路线。在这里,你可以看到各种野生动物,例如鹿和狐狸。</p>
</div>
</body>
</html>