html静态网页实例一（附完整代码）
这个例子我们做一个游戏静态页面，自动跳转到我们想要玩的游戏或者视频等网站
大家也可以根绝我的代码，适当修改一些信息，但是套用我的这个模板请注释下来自我这，我也是初学者，辛辛苦苦写了几个小时，尊重下劳动成果
先看效果图：
在这里插入图片描述
我以张杰为背景图，里面是各种网站跳转，比如我点击：冰火人，他就会跳转到4399的冰火人游戏界面。
在这里插入图片描述
ok,上代码，我觉得比较简单，就没注释，希望能看懂：
<html>
<head lang="en">
<meta charset="UTF-8">
<title>游戏界面title>
<link rel="stylesheet" href="css/nav.css">
head>
<body>
<div class="content">
<p style="font-size: 50px;
color:greenyellow;
background: black;
padding:25px;
margin: auto;
height:150px;
text-align:center;
width: 1500px;">精美网站details> p>
<marquee width=100% height=40 bgcolor=yellow>快来一起玩吧marquee>
<body background="img/zhangjie.jpg"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>
<dl>
<dt><a href="http://www.4339.com">小游戏a>dt>
<dd >
<ul>
<li>
<a href="http://www.4399.com/flash/209536.htm">冰火人a>
<a href="http://p.37pk49.com/s/1/683/11722.html?uid=510412">女神联盟a>
<a href="http://www.4399.com/flash/213106.htm">植物大战僵尸a>
<a href="http://www.4399.com/flash/11487.htm#search3">山地自行车a>
<a href="http://www.4399.com/special/34.html">黄金矿工a>
<a href="http://www.4399.com/flash/195270.htm">孙悟空大闹天宫a>
<a href="http://www.4399.com/flash/21674.htm">前线战争OLa>
li>
ul>
dd>
<dd class="more"><a href="http://www.4339.com">更多游戏还有哦>>a>dd>
dl>
<dl class="s1">
<dt><a href="http://www.baidu.com">游戏网站a>dt>
<dd >
<ul>
<li><a href="http://www.4339.com">4339小游戏a>
<a href="http://www.6949.com">6949小游戏a>
<a href="http://3155.4355.cn/">3155小游戏a>
<a href="http://www.4399i.net/">4399i小游戏a>
<a href="http://www.3199.cn/?hmsr=1616">3199小游戏a>
<a href="http://www.7k7k7.com">7k7k7小游戏a>
li>
ul>
dd>
<dd class="more"><a href="http://www.51.com/top/2/">这些网站还不够？>>a>
dd>
dl>
<dl>
<dt><a href="http://www.6655.com/1/yingshi.htm">[影视]a>dt>
<dd >
<ul>
<li><a href="http://www.iqiyi.com">爱奇艺高清a>
<a href="http://www.tudou.com/">土豆网a>
<a href="http://tv.sohu.com/movie/">搜狐电影a>
<a href="http://tv.cntv.cn/">CNTVa>
<a href="http://www.kktv1.com/c.shtml?c=52560">KK美女视频a> <a
href="http://p.yiqifa.com/s?sid=a4df75c5719e9b11&pid=184&wid=410486&vid=426282&cid=7100&lid=168915&euid=&vwid=">六间房a>
li>
ul>
dd>
<dd class="more"><a href="http://www.6655.com/1/yingshi.htm">更多>>a>
dd>
dl>
<dl class="s1">
<dt><a href="http://www.6655.com/1/xiaoshuo.htm">[小说]a>dt>
<dd >
<ul>
<li><a href="http://www.qdmm.com/">起点女生网a>
<a href="http://www.zongheng.com/?co=1616">纵横中文网a>
<a href="http://p.yiqifa.com/c?s=3b2f15ba&w=88243&c=6805&i=23342&l=0&e=&t=http://www.zazhipu.com/">杂志铺a>
<a href="http://www.xxsy.net/">潇湘书院a>
<a href="http://www.qidian.com/Default.aspx">起点a>
<a href="http://www.xs8.cn/">言情小说吧a>li>
ul>
dd>
<dd class="more"><a href="http://www.6655.com/1/xiaoshuo.htm">更多>>a>
dd>
dl>
<dl>
<dt><a href="http://www.6655.com/1/youxi.htm">[游戏]a>dt>
<dd >
<ul>
<li><a href="http://365.uc108.com/">同城游棋牌a>
<a href="http://games.sina.com.cn/">新浪游戏a>
<a href="http://p.yiqifa.com/c?s=ae39a645&w=154815&c=6756&i=23904&l=0&e=&t=http://www.5173.com/">5173游戏交易a>
<a href="http://www.17173.com/">17173游戏a>
<a href="http://www.duowan.com/">多玩游戏a>
li>
ul>
dd>
<dd class="more"><a href="http://www.6655.com/1/youxi.htm">更多>>a>
dd>
dl>
<dl class="s1">
<dt><a href="http://www.6655.com/1/yinyue.htm">[音乐]a>dt>
<dd >
<ul>
<li><a href="http://www.1ting.com">一听音乐网a>
<a href="http://mp3.sogou.com/">搜狗音乐a>
<a href="http://music.baidu.com">百度mp3a>
<a href="http://www.yinyuetai.com/">音悦台MVa>
<a href="http://www.iqiyi.com/zongyi/superboy.html">快乐男声a>
li>
ul>
dd>
<dd class="more"><a href="http://www.6655.com/1/yinyue.htm">更多>>a>
dd>
dl>
<dl>
<dt><a href="http://www.6655.com/1/jiaoyou.htm">[交友]a>dt>
<dd >
<ul>
<li><a
href="http://reg.jiayuan.com/st/?id=421710&url=http://reg.jiayuan.com">世纪佳缘a>
<a href="http://www.zhiji.com/?ad=1616" class="green">同城交友网a>
<a href="http://www.zhenai.com/901934.html">珍爱网a><a
href="http://www.9see.com/go123?from=120_1">美女秀场a>
<a href="http://www.iqiyi.com/zongyi/fcwr.html">非诚勿扰a>
li>
ul>
dd>
<dd class="more"><a href="http://www.6655.com/1/jiaoyou.htm">更多>>a>
dd>
dl>
<dl class="s1">
<dt><a href="http://www.6655.com/1/lvyou.htm">[旅游]a>dt>
<dd >
<ul>
<li>
<a href="http://vacations.ctrip.com/?allianceid=1091&sid=1227&ouid=">携程旅游a>
&cmpid=mkt_08005301&utm_campaign=daohang&utm_source=1616.net&utm_medium=textlink"a> class="green">途牛旅游网a><a href="http://www.zoutu.com/">云南旅游a><a
href="http://hotel.elong.com/?banid=1616">艺龙订酒店a>
<a href="http://www.qunar.com/?ex_track=auto_4f4dd298">去哪儿旅游a>
<a href="http://detail.tmall.com/item.htm?id=21737099723">迪士尼门票a>
<a href="http://www.17u.cn/FlightQuery.aspx#refid=14748221">同程机票a>
li>
ul>
dd>
<dd class="more"><a href="http://www.6655.com/1/lvyou.htm">更多>>a>
dd>
dl>
div>
<script src="js/jquery-1.12.4.js">script>
<script>
$(function () {
$("dl:odd").css("background","#ececec")
})
script>
<canvas id='canvas' width="600" height="600">canvas>
body>
html>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020/10/31 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
