大学生WEB前端HTML网页期末作业,动漫资讯静态html网站—动漫网站模板

网站简介

网站主题动漫新闻资讯html网站,一共6个页面，分别首页、动漫资讯、新闻资讯、联系我们、登录注册页面

网站使用div+css布局页面，网站使用div,ul,li,a,p,h1,h2,h3,h4,form,input,button等标签，css使用margin，border，padding，font-weight，font-family，color，width，line-height，overflow，float
text-align，background，display等样式

网站导航使用js制作二级菜单，鼠标划过显示二级菜单

网站是最简单的页面布局，任何编辑器都可以打开网站代码进行编辑，包括Dreamweaver，vs code，HBuilds，sublime，笔记本等软件都可以进行编辑

网站截图

网站DIV代码

 <header class="user">
    欢迎来到动漫网站
  </header>
  <nav class="nav">
    <div class="wrapper">
      <div class="logo">
        <img src="./images/logo.png" height="80">
      </div>
      <div class="searchBox">
        <form name="head_search" action="#" id="searchFrom" method="POST" onsubmit="return validateForm()">
          <input type="text" name="name" placeholder="搜索新闻" class="searchInput">
          <input type="submit" value="" name="submit" class="searchBtn">
        </form>
      </div>
    </div>
  </nav>
  <nav class="head">
    <div class="headbox">
      <ul>
        <li><a href="index.html" class="cur">首页</a></li>
        <li><a href="#">动漫资讯</a>
          <dl>
            <dd><a href="#">国内动漫</a></dd>
            <dd><a href="#">韩国动漫</a></dd>
            <dd><a href="#">日本动漫</a></dd>
          </dl>
        </li>
        <li><a href="#">联系我们</a>
          <dl>
            <dd><a href="message.html">留言板</a></dd>
      
          </dl>
        </li>
        <li><a href="login.html" >登陆</a></li>
        <li><a href="res.html">注册</a>&l