一、作品展示





二、文件目录

三、代码实现
<!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" />
<title>我的个人主页</title>
<script src="http://se.360.cn/common/qihoo_ie6_tips.js"></script>
<style type="text/css">
body{
margin:0px;
padding:0px;
font-size:12px;
text-decoration:none;
background-color:#E9E9E9;
background-image:url(images/bg.gif);
background-repeat:repeat-x;
}
</style>
<link rel="stylesheet" type="text/css" href="css/css.css" />
</head>
<body>
<div class = "content">
<div class ="top"></div>
<div class = "nav"></div>
<div class ="Navigation_bar">
<ul>
<li class = "kuai"><a href="index.html">首页</a></li>
<li class = "kuai"><a href="h_arcticle.html">我的家乡</a></li>
<li class = "kuai"><a href="f_arcticle.html">我的母校</a></li>
<li class = "kuai"><a href="list.html">我的文章</a></li>
<li class = "kuai"><a href="p_arcticle.html">我的相册</a></li>
</ul>
</div>
<div class = "nav"></div>
<div class = "showpic">
<object
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="960" height="150" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="movie" value="swf/Currencyshow.swf?data=xml/index.xml" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="swf/Currencyshow.swf?data=xml/index.xml"
wmode="transparent" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash

本文展示了作者的获奖HTML网页设计作品,聚焦于静态HTML、CSS和JavaScript的运用,通过四个部分详细介绍了作品展示、文件目录、代码实现和如何获取更多源码。阅读并点赞,可关注作者获取更多前端源码。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



