一、网页介绍

1.网页编辑:任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ )等任意html编辑软件进行运行及修改编辑等操作

2.知识应用:技术方面主要应用了网页课程中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件),基本网页设计所需的知识点全覆盖。

二、网页效果

三、代码示例

代码说明:以下仅展示部分代码供参考~

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="css/css.css">
</head>
<body>
<div class="top">
<div class="nav">
<ul>
<li><a href="index.html">网站首页</a></li>
<li><a href="xueshi.html">动物学史</a></li>
<li><a href="xiaji.html">下级分类</a></li>
<li><a href="shengli.html">生理构造</a></li>
<li><a href="zhongqun.html">种群现状</a></li></ul>
</div>
</div>
<div class="xia">
<div class="title"><p>鲸目</p></div>
<div>
<div class="zuo">
<p>鲸目(学名:Cetacea)是哺乳纲下设的一个传统分类单元,包含现存约90种体态似鱼、皮肤裸露的水生哺乳动物和它们已灭绝的早期亲族,统称 鲸类 或 鲸豚类,习惯上体型大者称鲸(英:Whales),小者称豚(英:Dolphins)。大部分栖息于浅海,少数几种栖息于淡水。</p>
<p>鲸类的形体构造和生活习性明显异于任何哺乳类,故长期单列为一目。其祖先和演化史一度存有争议,但随着相关研究不断进展,现已充分证实鲸类由5000万年前的陆生偶蹄目入水后演化而成。DNA测序显示鲸类与河马互为姐妹群,二者构成的分支又与反刍亚目互为姐妹群。为避免偶蹄目成为并系群(即缺少部分演化支),现行分类将鲸目归入偶蹄目,降级为 鲸下目。</p>
<p>为适应水下环境,鲸类的前肢进化为鳍,后肢退化,并生出水平的尾鳍。鼻孔移生至头顶,须每隔一段时间将鼻孔露出水面置换氧气。无耳廓,但听力极佳。鲸类的两大支系——须鲸和齿鲸,在3400万年前分化。须鲸现存约15种,口内无齿,上颌有帘幕般的角质鲸须,滤食磷虾、小鱼等;普遍体型巨大,是世界上最大的一类动物。齿鲸现存约75种,口中多有利齿,捕食鱼类、头足类等;总体上体型较须鲸小,且不同种类间差距较大;拥有发达的声呐系统,活动时主要依靠回声定位功能;部分种类智商极高,甚至具备复杂的情感。</p>
<p>鲸类每胎仅产1崽,生长期长,在人类侵害下1/4的种类濒临灭绝 。尽管国际捕鲸委员会自20世纪80年代起规定禁止商业捕鲸,但冰岛、挪威、俄罗斯、日本等国仍在大量猎杀鲸类。</p>
</div>
<div class="you"><p><img src="images/t.jpg" width="430"></p>
<Br>
<p><img src="images/t1.jpg" width="430" height="258"></p></div>
</div><div class="clearit"></div>
<hr>

<div class="zi">
<h3>命名</h3>
<p>鲸目由 18 世纪法国动物学家 马蒂兰· 雅克· 布里松(法文:Mathurin Jacques Brisson,1723-1806)在 1762 年命名。“Cetacea” 来自拉丁文 cetus,意为“鲸”,词源为古希腊文 κῆτος(罗马化:kētos),意为“巨大的鱼”。</p>
<p>在证实鲸目演化自偶蹄目后,其分类层级降为下目,但学名未变。</p>
</div>

<div class="tu"><img src="images/s1.jpg" width="300" height="200"><img src="images/s2.jpg" width="300" height="200"><img src="images/s3.jpg" width="300" height="200"></div>

</div>


<div class="foot"></div>
</body>
</html>

更多推荐

致敬逆行者网页设计作品 抗疫感动专题网页设计模板 疫情感动人物静态HTML网页模板下载