html静态页面代码_静态网页设计代码

html静态页面代码_静态网页设计代码这个例子我们做一个游戏静态页面,自动跳转到我们想要玩的游戏或者视频等网站大家也可以根绝我的代码,适当修改一些信息,但是套用我的这个模板请注释下来自我这,我也是初学者,辛辛苦苦写了几个小时,尊重下劳动成果先看效果图:我以张杰为背景图,里面是各种网站跳转,比如我点击:冰火人,他就会跳转到4399的冰火人游戏界面。ok,上代码,我觉得比较简单,就没注释,希望能看懂:<!DOCTYPEhtml><html><headlang=”en”><metacha

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

这个例子我们做一个游戏静态页面,自动跳转到我们想要玩的游戏或者视频等网站

大家也可以根绝我的代码,适当修改一些信息,但是套用我的这个模板请注释下来自我这,我也是初学者,辛辛苦苦写了几个小时,尊重下劳动成果

先看效果图:在这里插入图片描述我以张杰为背景图,里面是各种网站跳转,比如我点击:冰火人,他就会跳转到4399的冰火人游戏界面。
在这里插入图片描述

ok,上代码,我觉得比较简单,就没注释,希望能看懂:

<!DOCTYPE html>
<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">前线战争OL</a>
</li>
</ul>
</dd>
<dd class="more"><a href="http://www.4339.com">更多游戏还有哦&gt;&gt;</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/">这些网站还不够?&gt;&gt;</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/">CNTV</a>
<a href="http://www.kktv1.com/c.shtml?c=52560">KK美女视频</a> <a href="http://p.yiqifa.com/s?sid=a4df75c5719e9b11&amp;pid=184&amp;wid=410486&amp;vid=426282&amp;cid=7100&amp;lid=168915&amp;euid=&amp;vwid=">六间房</a>
</li>
</ul>
</dd>
<dd class="more"><a href="http://www.6655.com/1/yingshi.htm">更多&gt;&gt;</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&amp;w=88243&amp;c=6805&amp;i=23342&amp;l=0&amp;e=&amp;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">更多&gt;&gt;</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&amp;w=154815&amp;c=6756&amp;i=23904&amp;l=0&amp;e=&amp;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">更多&gt;&gt;</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">百度mp3</a>
<a href="http://www.yinyuetai.com/">音悦台MV</a>
<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">更多&gt;&gt;</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&amp;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 <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">更多&gt;&gt;</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&amp;sid=1227&amp;ouid=">携程旅游</a>
<a  href="http://www.tuniu.com/?p=1627&amp;cmpid=mkt_08005301&amp;utm_campaign=daohang&amp;utm_source=1616.net&amp;utm_medium=textlink"</a>                class="green">途牛旅游网</a><a href="http://www.zoutu.com/">云南旅游</a><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">更多&gt;&gt;</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>

大家直接复制代码是实现不了效果的,因为还有图片没有加载,自己百度搜一下其他的好看的图片,替换就好了。我把我现在这个项目发到自己资源,包括照片,不太会的,可以直接下载我的资源也可以。

转载请带上本人网页

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/190377.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • eclipse配置安卓开发环境sdk_Android 设置网络代理

    eclipse配置安卓开发环境sdk_Android 设置网络代理原作者地址 http://www.cnblogs.com/sunzn/p/4242131.html启动AndroidSDKManager,打开主界面,依次选择「Tools」、「Options…」,弹出『AndroidSDKManager-Settings』窗口;在『AndroidSDKManager-Settings』窗口中,在「HT

  • C# Lock 解读

    C# Lock 解读

  • 无线AP、WiFi、WLAN是什么关系?

    无线AP、WiFi、WLAN是什么关系?最近在看科技论文,有些基础知识不是很清楚,故作了解近年来,无线AP被越来越多的应用于商场、车站、机场等公共场所,已变得与我们的生活息息相关,成为社会发展的一个趋势。但许多人弄不清楚无线AP与WiFi、WLAN之间的关系,以为WiFi就是WLAN,它们之间到底有什么不同?公共WiFi其实是一种无线AP技术今年央视315晚会曝光的公共WiFi安全隐患引起了社会各界的关注,但是有一个细节需要值得注意,那…

  • 数据库原理课程设计—停车场管理系统

    数据库原理课程设计—停车场管理系统数据库原理课程设计—停车场管理系统停车场收费管理系统是现代化停车场车辆收费及设备自动化管理的一个统称,是将停车场完全置于计算机统一管理下的高科技机电一体化产品。人们对停车场管理的要求越来越高,智能化程度越来越高,使用更加方便快捷。不仅提高了现代人类的工作效率,也大大的节约了人力物力,价低了公司的运营成本。它通过只能设备使感应卡记录及持卡人进出的相关信息,同时对其信息加以运算、传送并通过字符显示、语音播报等人机界面转化成人工能够辨别和判断的信号,从而实现计时收费、车辆管理等目的。针对用户的不同需求,

  • 移动端开发绪论

    移动端开发绪论移动端开发基础通常移动端开发主流方案一共有两种一种是单独制作移动端页面,目前在市场上是主流方案还有一种是响应式页面兼容移动端这种虽然不是主流方案,但是应用这种开发方案的也不是没有.我们访问移动端页面可以通过以下两种方式进行访问:网址域名加m(mobile)就可以直接访问页面的移动端页面使用移动设备,进行访问,则可以直接跳转到移动端页面又到了我们最头疼的浏览器的兼容性问题移动端浏览器基本以webkit内核为主,因此我们只需要考虑webkit兼容性问题即可。移动端浏览器

  • SplitContainer控件设置固定比例

    SplitContainer控件设置固定比例SplitContainer控件2个panel如何设置均等大小.(竖直拆分)先随意设置空间高的大小,然后如果想要均等显示,则直接设置SplitterDistance为高的一半,即可!随后任意改变控件大小,都不会改变均等显示比例。同理3:7,4:6…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号