HTML+CSS+JavaScript 网页设计——宠物猫(10页)

作品介绍

***网页作品编辑**：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++` 等任意HTML软件编辑修改网页）。

*网页作品技术`：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML+CSS+JavaScript 网页设计——宠物猫(10页)
作品介绍
一、作品展示
二、文件目录
三、代码实现

一、作品展示

作品为部分截图

二、文件目录

三、代码实现


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>爱猫网</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
</head>

<body>

<div class="container">

    <div class="wrapper">
	
		<div class="header">
			<a href="index.html" class="logo">爱猫网</a>
			<a href="login.html" class="login">登录</a>
			<a href="register.html" class="register">注册</a>
		</div>
		
		<div class="nav">
			<a href="index.html">爱猫首页</a>
			<a href="view1.html">猫种起源</a>
			<a href="view2.html">主要品种</a>
			<a href="view3.html">国内品种</a>
			<a href="view4.html">形态特征</a>
			<a href="view5.html">生活习性</a>
			<a href="view6.html">喂养方式</a>
			<a href="view7.html">驯养方式</a>
		</div>

		<div class="into">
			<form>
				<p><span>帐 号：</span><input type="text"/></p>
				<p><span>密 码：</span><input type="password"/></p>
				<p><span></span><input type="button" class="submit" value="登录"/></p>
			</form>
		</div>
		
		<div class="footer">
			Copyright @ 2021 aimao All Rights Reserved. 爱猫网 版权所有
		</div>
		
    </div>
	
</div>

</body>
</html>