HTML5期末大作业

文章目录

  • HTML5期末大作业
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现

一、作品展示





二、文件目录

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/styles.css" type="text/css" rel="stylesheet">
    <title>漫画欣赏</title>
</head>

<body>


    <!-- Copyright � 2005. Spidersoft Ltd -->
    <style>
        A.applink:hover {
            border: 2px dotted #DCE6F4;
            padding: 2px;
            background-color: #ffff00;
            color: green;
            text-decoration: none
        }

        A.applink {
            border: 2px dotted #DCE6F4;
            padding: 2px;
            color: #2F5BFF;
            background: transparent;
            text-decoration: none
        }

        A.info {
            color: #2F5BFF;
            background: transparent;
            text-decoration: none
        }

        A.info:hover {
            color: green;
            background: transparent;
            text-decoration: underline
        }
    </style>
    <!-- /Copyright � 2005. Spidersoft Ltd -->
    <!-- banner -->
    <div class="banner">
        <img src="images/banner.gif">
    </div>
    <!-- content -->
    <div class="content content1">
        <div class="content_nav">
            <a href="index.html">漫画简介</a>
            <a href="pic.html">乔巴简介</a>
            <a href="qb.html">乔巴图集</a>
            <a href="mh.html" class="now_nav">漫画欣赏</a>
            <a href="author.html">网站介绍</a>
        </div>
        <div class="content_mh1">
            <a href="#"><img src="images/01.png"></a>
            <a href="#"><img src="images/02.png"></a>
            <a href="#"><img src="images/03.png"></a>
            <a href="#"><img src="images/04.png"></a>
            <a href="#"><img src="images/05.png"></a>
            <a href="#"><img src="images/06.png"></a>
            <a href="#"><img src="images/07.png"></a>
            <a href="#"><img src="images/08.png"></a>
            <a href="#"><img src="images/09.png"></a>
            <a href="#"><img src="images/010.png"></a>
            <a href="#"><img src="images/011.png"></a>
            <a href="#"><img src="images/012.png"></a>
            <a href="#"><img src="images/013.png"></a>
            <a href="#"><img src="images/014.png"></a>
            <a href="#"><img src="images/015.png"></a>
        </div>
        <div class="content_foot">
            <p></p>
        </div>
    </div>
</body>

</html>

更多推荐

html静态页面作业——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品