0
点赞
收藏
分享

微信扫一扫

HTML+CSS大作业——简单页面-名侦探柯南动漫(2页) 动漫网页设计制作 简单静态HTML网页作品 漫画作业成品 学生影视网站模板

李雨喵 2022-04-23 阅读 28

HTML5期末大作业:动漫网站设计——简单页面-名侦探柯南动漫(2页)

文章目录

一、作品展示

在这里插入图片描述
在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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="padding-top:20px;">
    	<table width="1004" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200" align="left" valign="top">
    	<table width="200" border="0" cellspacing="0" cellpadding="0" style="background:#fff;">
  <tr>
    <td width="200" align="center" valign="middle"><img src="images/img3.png" /></td>
  </tr>
  <tr>
    <td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;小丸子百科</td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list6.html">作品简介</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list7.html">演员表</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list8.html">角色介绍</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list21.html">座位表</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list22.html">目录</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list9.html">制作人员</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list10.html">动画音乐</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list11.html">分集剧情</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list12.html">社会影响</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list13.html">创作背后</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list14.html">作品评价</a></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list15.html">精彩瞬间</a></td>
  </tr>
  </table>
    
    </td>
    <td width="20">&nbsp;</td>
    <td align="left" valign="top">
      <table width="784" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
        <tr>
          <td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;所获奖励</td>
          </tr>
        <tr>
          <td height="761" align="left" valign="top" style="font-size:12px; color:#c72638; "><div style="padding:11px; line-height:33px;"><b style="font-size:14px;"><img src="images/img18.jpg" width="764"><br /><br />联系地址:某省某市某街道</b>
          <br />
<br />
<b style="font-size:14px;">
高依晗:1305060017 </b></div></td>
        </tr>
        </table>
      
    </td>
    </tr>
</table>
    </div><div class="footer">樱桃小丸子动漫周边http://shop64155920.taobao.com/?spm=0.0.0.0.r5849n<br />高依晗 1305060017</div>
</div>

</body>
</html>



四、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述


举报

相关推荐

0 条评论