HTML5期末大作业
文章目录
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>黑夜主权(Night)</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-app-capable" content="yes">
<meta name="apple-mobile-app-status-bar-style" content="black">
<meta name="description" content="一只叫做黑夜的阿宅,想成为家喻户晓的大侠">
<meta name="keywords" content="二次元,宅属性,前端,编程,全栈,绘画,设计">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="cononico">
<meta name="application-name" content="Cononico">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/process.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<script type="text/javascript">
//设定rem值
document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px';
</script>
</head>
<body>
<header class="head">
<div class="head_logo_div">
<img class="logo_img" src="images/upload/head.jpg"></a>
</div>
<div class="head_nav_div">
<nav class="head_nav">
<ul id="nav_ul">
<li class="nav_li_on nav_ul_li">Home</li>
<li class="nav_ul_li">Skill</li>
<li class="nav_ul_li">Experience</li>
<li class="nav_ul_li">Hobby</li>
<li class="nav_ul_li">Contact</li>
</ul>
</nav>
</div>
<div class="clear"></div>
</header>
<ul class="float_btn" id="float_btn">