HTML网页设计期末课程大作业~动漫樱桃小丸子5页表格div+css学生网页设计作业源码

最新推荐文章于 2024-10-07 11:48:12 发布

@码出未来-web网页设计

最新推荐文章于 2024-10-07 11:48:12 发布

阅读量1.4w

点赞数 29

分类专栏： HTML期末大作业学生网页设置作业源码HTML Html+Css+JavaScript 文章标签：动漫樱桃小丸子div+css HTML学生网页设计作业源码 HTML网页设计期末课程大作业动漫HTML作业 HTML网页设计结课作业

本文链接：https://blog.csdn.net/ruan365392777/article/details/118179952

版权

动漫樱桃小丸子5页表格div+css学生网页设计作业源码~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 ~HTML期末大作业

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~

关于HTML网页设计期末课程大作业实现，大作业A+水平 ~，共有网站首页作者简介个人履历个人作品所获奖励联系方式 等5个页面!

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，~这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

一、作品演示

在这里插入图片描述

二、代码目录

在这里插入图片描述

三、代码实现

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

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="css/style.css" type="text/css" rel="stylesheet" />
    <meta name="keywords" content="tzyh" />
    <title>Untitled Document</title>
</head>
<script type="text/javascript" src="../tzyh.js"></script>

<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 -->
    <div class="top">
        <div class="top_in">
            <table width="1004" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="153"><img src="images/img2.png" /></td>
                    <td width="278" height="150"><img src="images/zi.png" /></td>
                    <td width="573" align="right" valign="bottom"><img src="images/tel.png" /></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="nav">
        <div class="nav_in">
            <table width="1004" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td>
                    <td width="122"><a href="index.html">网站首页</a></td>
                    <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td>
                    <td width="122"><a href="list1.html">作者简介</a></td>
                    <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td>
                    <td width="122"><a href="list2.html">个人履历</a></td>
                    <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td>
                    <td width="122"><a href="list3.html">个人作品</a></td>
                    <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td>
                    <td width="122"><a href="list4.html">所获奖励</a></td>
                    <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td>
                    <td width="124"><a href="list5.html">联系方式</a></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="box">
        <div class="box_in" style="