宠物网页代码 html静态网页设计制作 dw静态网页成品模板素材网页 web前端网页设计与制作 div静态网页设计

article/2025/9/25 7:19:38

一、网页介绍

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>

http://chatgpt.dhexx.cn/article/NwWItkuX.shtml

相关文章

HTML+CSS实现简单静态网页的制作

效果图展示&#xff1a; 用DIV分块布局 html代码&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8" /><title>网站首页</title><link rel"stylesheet" type"text/css" /></head&g…

简单网页设计静态成品分享

最近做了很多原创的网页设计&#xff0c;都是简单的网页&#xff0c;采用的是divcss布局方式。页面整体宽度为1024px. 欢迎欣赏

一分钟学习静态网页制作

第一章静态网页制作&#xff1a; 什么叫做HTML&#xff1a;超文本标记语言 HTML优势&#xff1a;世界知名浏览器都支持Google&#xff0c;苹果&#xff0c;微软&#xff0c;等等……还有市场需求 跨平台&#xff1a;1.win系统 2.苹果系统 3.linux系…

CSS静态网页制作

效果如图所示 css代码如下 * {padding: 0;margin: 0; } body {background-color: #f3f5f7; } a {text-decoration: none; } li {list-style: none; } .w {width: 1200px;margin: 0 auto; } .header {margin: 50px auto;height: 40px;text-align: center; } .clearfix:before, …

使用html制作静态网页

网页主要由三部分组成&#xff1a;分别为结构&#xff0c;表现和行为。 XHTML&#xff1a;可扩展文本标签语言&#xff0c;XHTML是一种基于XML的语言。XHTML是一个扮演者类似HTML角色的XML。 HTML提供了六级标题&#xff0c;分别为<h1>、<h2>、<h3>、<h4…

静态网站简单制作

制作一个简单的静态网站 总体框架&#xff1a; <html> <frameset rows"20%,80%"><frame src"top.html" noresize scrolling"no" name"top"></frame><frameset cols"30%,70%"><frame src…

用HTML+CSS+JS搭建一个超简单的静态实用网站页面

废话少说先上效果图&#xff0c;查看网站请访问→http://110.41.21.119:16001/ 这是一个超简洁的网页&#xff0c;主要特征有&#xff1a; 头部背景颜色渐变效果&#xff1a; <div class"header"><div class"loader"><span style"--i:…

静态网页入门讲解,制作属于你自己的网页(一)

写在开始 这个系列教程主要针对完全没有接触过网页制作的萌新小伙伴开设的&#xff0c;如果你有一定的网页知识积累&#xff0c;可以果断关闭&#xff01; 网页前端设计中牵涉的内容太多了&#xff0c;基础教程却比较缺乏&#xff0c;所以博主希望能够通过这样一个系列&#…

最全静态网页模板网站

前言 最近好多人私信我&#xff1a;我学了不久前端&#xff0c;想要用一些项目实战来练练手。那么&#xff0c;我以后将定期更新静态网页实战&#xff0c;专用于提供初学者的练习。 那么这次博客为大家提供一些模板网站&#xff0c;希望初学者借鉴和学习优质资源&#xff1a; …

搭建静态网页

day3作业 请给openlab搭建web网站​ 网站需求&#xff1a;​ 1.基于域名[www.openlab.com](http://www.openlab.com)可以访问网站内容为 welcome to openlab!!!​ 2.给该公司创建三个子界面分别显示学生信息&#xff0c;教学资料和缴费网站&#xff0c;基于[www.openlab.com…

HTML前端静态网页制作

在制作网页之前&#xff0c;首先先分析网页是那些部分组成&#xff0c;可以从以下的代码看出&#xff0c;分为头部、导航栏、logo部分、文字部分等等这些组成。多的不说&#xff0c;直接上代码&#xff0c;本次静态网页代码分为html和css部分。 <!DOCTYPE html> <htm…

web前端简单静态网页制作

那么Web页面制作基础&#xff0c;能让你掌握什么呢&#xff1f; 1.掌握Web基础知识。 2.掌握HTML5基础知识。 3.掌握CSS基础知识。 网页设计源代码&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><…

HTML+CSS制作的纯静态网页

刚学完HTMLCSS&#xff0c;一定要按照自己的想法去制作网页&#xff0c;虽然没有交互&#xff0c;但是可以对前面的知识有一个很大的重用&#xff0c;你的知识框架会更加完美。css基础html是勾勒&#xff0c;css是染色&#xff0c;基础的css学完你会有种想写页面的冲动&#xf…

游戏网页代码 html静态网页设计制作 dw静态网页成品模板素材网页 web前端网页设计与制作 div静态网页设计

&#x1f329;️ 精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; &#x1f482; 作者主页: 【进入主页—&#x1f680;获取更多源码】 &#x1f393; web前端期末大作业&#xff1a; 【&#x1f4da;HTML5网页期末作业 (1000套…

个人介绍网页代码 html静态网页设计制作 dw静态网页成品模板素材网页 web前端网页设计与制作 div静态网页设计

&#x1f389;精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 &#x1f482; 作者主页: 【主页——&#x1f680;获取更多优质源码】 &#x1f393; web前端期末大作业…

一个简单的静态网页制作(html+css)

这是仿照中国高等教育学生信息网写的一个静态网页&#xff08;参考2020年3月份的&#xff09; 这也是我当时辛辛苦苦写了几天的劳动成果&#xff0c;希望大家可以尊重。 截图如下 下面是主要的代码&#xff1a; <!DOCTYPE html> <html> <head> <meta c…

html实战-制作静态网页

教程视频&#xff1a;http://edu.csdn.net/course/detail/535 从42开始 制作的网页&#xff1a;http://www.cnos.co/ 整体思路&#xff1a; 先布局再CSS控制 骨架搭好了&#xff0c;初始化样式&#xff0c; 后再弄CSS样式。注意&#xff1a;将CSS的样式导入到外部样式表时…

制作静态网页

首先进行CSS样式布局&#xff0c;根据样图进行块级标签分布&#xff0c;为每一个块级标签设置颜色以查看布局是否正确&#xff0c;最好是每设置一个块级标签颜色就查看一次是否排布正确&#xff0c;这样可以及时发现问题并解决问题&#xff1b;等到每一块区域都划分完成后&…

API幂等设计

API幂等就是在新增或更新数据时&#xff0c;如果多次发起同一个请求&#xff0c;只能产生一个结果。如&#xff1a;同一个订单多次提交&#xff0c;只能在数据库产生一个订单数据。我了解的基于redis实现幂等的有两种方式&#xff1a;基于token和基于请求。 基于token认证 参…

Mysql实现幂等_过幂等性问题

一、什么是幂等? 幂等性:多次调用方法或者接口不会改变业务状态,可以保证重复调用的结果和单次调用的结果一致。 二、使用幂等的场景 1、前端重复提交 用户注册,用户创建商品等操作,前端都会提交一些数据给后台服务,后台需要根据用户提交的数据在数据库中创建记录。如果用…