-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (55 loc) · 2.61 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>观鸟网</title>
<link href="https://fonts.googleapis.com/css?family=Long+Cang|Noto+Sans+SC:300" rel="stylesheet">
<link rel="stylesheet" href="styles/style.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- 页眉Start -->
<header>
<h1>观鸟网</h1>
<img src="images/dove.png" alt="一个鸽子剪影图片">
<nav>
<ul>
<li><span>主页</span></li>
<li><a href="#">开始</a></li>
<li><a href="#">图片</a></li>
<li><a href="#">设备</a></li>
<li><a href="#">论坛</a></li>
</ul>
</nav>
</header>
<!-- 页眉End -->
<!-- 主内容Start -->
<main>
<!-- 欢迎信息strat -->
<article>
<h2>欢迎</h2>
<p>欢迎访问观鸟网虚拟站点。如果这是一个真实的网站,那么它就是观鸟爱好者的理想聚集地。无论你是一名期望学习观鸟知识的新手,还是一位希望分享体会、经验和图片的观鸟老手。</p>
<p>时不我待!赶快带齐装备,关上电脑,去拥抱美丽的大自然吧!</p>
</article>
<!-- 欢迎信息end -->
<!-- 侧边栏缩略图strat -->
<aside>
<h2>收藏照片</h2>
<a href="images/favorite-1.jpg"><img src="images/favorite-1_th.jpg" alt="一只体型小巧的鸟,羽毛蓝绿色,爪黑白相间,黑色的喙细且锋利。点击缩略图查看完整照片。"></a>
<a href="images/favorite-2.jpg"><img src="images/favorite-2_th.jpg" alt="一只美丽的孔雀的上半身图片,它的颈上覆盖蓝色的羽毛,有浅色的喙和蓝色的冠。点击缩略图查看完整照片。"></a>
<a href="images/favorite-3.jpg"><img src="images/favorite-3_th.jpg" alt="一只大鸟的上半身图片,羽毛白色,浅色的喙细长而弯曲。点击缩略图查看完整照片。"></a>
<a href="images/favorite-4.jpg"><img src="images/favorite-4_th.jpg" alt="一只成年鹈鹕,多数羽毛为白色,背部和腹部有少许黑色羽毛,又长又直的喙呈黄色,嘴下有一个喉囊可以暂时储存食物。点击缩略图查看完整照片。"></a>
</aside>
<!-- 侧边栏缩略图end -->
</main>
<!-- 主内容End -->
<!-- 页脚Start -->
<footer>
<p>本虚拟站点采用 CC0 协议,代码所有内容均可任意修改和复用。原始版本由 Chris Mills 于 2016 年编写。Roy Tian 于 2019 年汉化。</p>
<p><a href="http://game-icons.net/lorc/originals/dove.html">鸽子图标</a> 由 Lorc 绘制。</p>
</footer>
<!-- 页脚End -->
</body>
</html>