HTML第九章上机

最新推荐文章于 2021-06-21 13:26:03 发布
最新推荐文章于 2021-06-21 13:26:03 发布
阅读量5.8k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36074043/article/details/52914025
版权 
<!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>
<style type="text/css">
.a {
	width:850px;
	height:45px;
	background:url(file:///C|/Users/linlin/Desktop/menuBg.jpg) repeat-x;
}
.zuo{width:610px;
float:left;}
.you{width:200px;
float:left;
}
.one {
	font-size: 16px;
	list-style-type: none;
	background:url(btn-04.gif) no-repeat;
	text-indent:3em;
	}

.zzz{width:620px;
height:150px;}
.ulli li {
	background:url(file:///C|/Users/linlin/Desktop/gameBg1.jpg);
	list-style-type:none;
	position:relative;
	height:28px;
}
.w{float:left;}
.b {padding:2px;
	float:left;
	width:140px;
	height:180px;
}
.c {
	width:100px;
	height:30px;
	float:left;
	background:url(file:///C|/Users/linlin/Desktop/btn-01.gif) no-repeat;
	position:relative;
	top:14px;
	text-align:center;
}
a {
	color:#FFF;
	text-decoration:none;
}
a:hover {
	color:#F93;
	text-decoration:underline;
}
.oo{text-decoration:none;
color:#000;}
.oo:hover{text-decoration:underline;
color:#666;}
.pp {
	color:#000;
	text-decoration:none;
}
.pp:hover {
	color:#FFF;
}
.ee:hover {
	background:url(gameBg2.jpg) no-repeat;
}
.leftd {
	width:200px;
	float:left;
	height:224px;
	border:#000 solid thin;
	margin-right:10px;
}
.d {
	margin-top:10px;
}
.one{
	border-bottom-color:#999999;
	border-bottom-style:dashed;
	border-bottom-width:1px;}

.rightd {
	float:left;
	width:px;
	border:#000 solid thin;
	height:100px;
}
ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.sll,.zzz,.susu,.ppp{	clear:both;
	}
.sll {

	
	color: #000;
	text-decoration: underline;
	background-color:#CCC;
	width:600px;
	height:24px;
	float:left;
	text-decoration:none;
	margin-top:6px;
	margin-bottom:8px;
}
.zuihou{color: #000;
	text-decoration: underline;
	background-color:#CCC;
	width:830px;
	height:30px;
	float:left;
	text-decoration:none;
	margin-top:6px;
	margin-bottom:8px;}
	.hhh{color: #000;
	text-decoration: underline;
	background-color:#CCC;
	width:200px;
	height:24px;
	float:left;
	text-decoration:none;
	margin-top:6px;
	margin-bottom:8px;
	}
.woaini {
	margin-top:6px;
	border:#000 solid thin;
	margin-left:2px;
	float:left;
	width:300px;
	margin-right:2px;
	padding:2px;
	height:130px;
}
.eee {
	margin-top:6px;
	border:#000 solid thin;
	margin-left:2px;
	float:left;
	width:300px;
	height:130px;
}

.aa {
	border:#999 thin dashed;
	color: #000;
	text-decoration: underline;
	background-color:#CCC;
	width:600px;
	height:24px;
	text-decoration:none;
	margin-top:6px;
	margin-bottom:6px;
	margin-right:6px;
}
.ppp {
	width:600px;
	height:370px;
	border:#999 thin dashed;
	padding:2px;
}
.deng{border:thin solid
 #F00;
 width:200px; 
 height:226px;}
 .shang{float:left;}
</style>
</head>

<body>
<div class="zong">
  <div class="a"> <img class="w" src="file:///C|/Users/linlin/Desktop/gameLogo.jpg"/>
    <div class="c"> 首页</div  >
    <div  style="float:right;"><a href="#">注册|</a> <a href="#">登录|</a> <a href="#">帮助|</a> <a href="#">更多</a> </div>
  </div>
  <div class="zuo">
  <div class="d">
    <div class="leftd">
      <ul class="ulli">
        <a class="pp" href="#">
        <li class="ee"><img src="file:///C|/Users/linlin/Desktop/sub-1.gif"/>侠客世界</li>
        </a> <a class="pp" href="#">
        <li class="ee"><img src="file:///C|/Users/linlin/Desktop/sub-2.gif"/>征战四方</li>
        </a> <a class="pp" href="#">
        <li class="ee"><img src="file:///C|/Users/linlin/Desktop/sub-3.gif"/>龙将</li>
        </a> <a class="pp" href="#">
        <li class="ee"><img src="file:///C|/Users/linlin/Desktop/sub-4.gif"/>弹弹堂</li>
        </a> <a class="pp" href="#">
        <li class="ee"><img src="file:///C|/Users/linlin/Desktop/sub-5.gif"/>凡人修真2</li>
        </a> <a class="pp" href="#">
        <li class="ee"><img src="file:///C|/Users/linlin/Desktop/sub-6.gif"/>一骑当先</li>
        </a> <a class="pp" href="#">
        <li class="ee"><img src="file:///C|/Users/linlin/Desktop/sub-7.gif"/>宫廷计</li>
        </a> <a class="pp" href="#">
        <li class="ee"><img src="file:///C|/Users/linlin/Desktop/sub-8.gif"/>神仙道</li>
        </a>
      </ul>
    </div>
    <div class="rightd"> <img src="img-3.jpg" width="390px" height="226"/> </div>
  </div>
  <div class="sll"> <span>全部游戏</span> <a href="#">战争策略|</a> <a href="#">体育经营|</a> <a href="#">社会游戏</a> </div>
  <div class="zzz">
    <div class="woaini">
      <ul>
        <li class="b"><img src="img-4.jpg" width="150px"/></li>
        <li>龙将</li>
        <li>三国题材横版RPG网游,丰富的武将系统</li>
        <li>类型:角色扮演</li>
        <li>游戏人气:470921</li>
        <li><img src="btn-02.jpg"/><img src="btn-03.jpg"/></li>
      </ul>
    </div>
    <div class="eee">
      <ul>
        <li class="b"><img src="img-5.jpg" width="150px"/></li>
        <li>征战四方</li>
        <li>一款不建主城不等CD，不占资源，全程战斗</li>
        <li>类型:战征策略</li>
        <li>游戏人气:845221</li>
        <li><img src="btn-02.jpg"/><img src="btn-03.jpg"/></li>
      </ul>
    </div>
  </div>
  <div class="sll"> 角色扮演</div>
  <div class="ppp">
    <div class="b">
      <ul>
        <li><img src="img-6.jpg"/></li>
        <li>神仙道</li>
        <li>游戏人气:1765314</li>
        <li>游戏状态：22区开启</li>
        <li><img src="btn-02.jpg"/><img src="btn-03.jpg"/></li>
      </ul>
    </div>
    <div class="b">
      <ul>
        <li><img src="img-7.jpg"/></li>
        <li>征战四方</li>

        <li>游戏人气：1245814</li>
        <li>游戏状态：23区开启</li>
        <li><img src="btn-02.jpg"/><img src="btn-03.jpg"/></li>
      </ul>
    </div>
    <div class="b">
      <ul>
        <li><img src="img-8.jpg"/></li>
        <li>一骑当先</li>
        <li>游戏人气：1232158</li>
        <li> 游戏状态：25区开启</li>
        <li><img src="btn-02.jpg"/><img src="btn-03.jpg"/></li>
      </ul>
    </div>
    <div class="b">
      <ul>
        <li><img src="img-9.jpg"/></li>
        <li>洪荒神话</li>
        <li> 游戏人气：123745</li>
        <li>游戏状态：18区开启</li>
        <li><img src="btn-02.jpg"/><img src="btn-03.jpg"/></li>
      </ul>
    </div>
    <div class="b">
      <ul>
        <li><img src="img-10.jpg"/></li>
        <li>龙将</li>
        <li>游戏人气：178501</li>
        <li>游戏状态：火爆开启</li>
        <li><img src="btn-02.jpg"/><img src="btn-03.jpg"/></li>
      </ul>
    </div>
    <div class="b">
      <ul>
        <li><img src="img-11.jpg"/></li>
        <li>一球成名</li>
        <li>游戏人气：983014</li>
        <li>游戏状态：2服开启</li>
        <li><img src="btn-02.jpg"/><img src="btn-03.jpg"/></li>
      </ul>
    </div>
    <div class="b">
      <ul>
        <li><img src="img-12.jpg"/></li>
        <li>凡人修真2</li>
        <li>游戏人气：745214</li>
        <li>游戏状态：4服开启</li>
        <li><img src="btn-02.jpg"/><img src="btn-03.jpg"/></li>
      </ul>
    </div>
    <div class="b">
      <ul>
        <li><img src="img-13.jpg"/></li>
        <li>傲视开地</li>
        <li>游戏人气：654814</li>
        <li> 游戏状态：火爆开启</li>
        <li><img src="btn-02.jpg"/><img src="btn-03.jpg"/></li>
      </ul>
    </div>
  </div>
  
  
</div></div></div>
<div class="you">
<div  class="deng">
<table>
<tr>
开心网用户发网登录
<tr><td> 账号:</td>
<td><input name="name" type="text" width="100px"></td></tr>
<tr><td>密码:</td>
<td><input name="pass" type="password" width="50px"></td>
</tr>
<tr><td><img src="btnLogin.jpg"/></td>
<td>立即注册<br/>
忘记密码</td></tr></table>
</div>
<div class="hhh"> 新闻公告 </div>
<div class="duoduo">
<ul>
<li class="one"><a class="oo" href="#">[弹弹堂] 41服开启·万人竞技</a></li>
<li class="one"><a class="oo" href"#">[凡人修真2] 03月08日·四海帝王</a></li>
<li class="one"><a class="oo" href="#">[一骑当先] 开心2服上线送黄金</a></li>
<li class="one"><a class="oo" href"#"> [宫廷计] 03月06日·西施秘史</a></li>
<li class="one"><a class="oo" href="#">[神仙道] 03月05日·玄净魔影</a></li>
<li class="one"><a class="oo" href"#">[千军破] 48服·登录送史实名将</a></li>
<li class="one"><a class="oo" href="#"> [大唐行镖] 全球唯一走镖页游</a></li>
<li class="one"><a class="oo" href"#">[范特西篮球] 疯狂纽约来啦！</a></li>
<li class="one"><a class="oo" href="#"> [一球成名] 27服开服·王者之战</a></li>
</ul></div>
<div class="hhh">游戏视频</div>
<div class="shang"><img src="img-1.jpg" width="100px"/></div>
《航海之王》麻辣炫酷反穿越，英雄时尚大变身！
<div class="shang"><img src="img-2.jpg" width="100px"/></div>
《弹弹堂》吴克群同名激情主题MV，体验修真乐趣 !

</div>
<div class="zuihou">关于我们 手机版 开放平台 自助广告 招聘 客服 帮助 @2013开心网   文网文[2009]157号   京ICP证080482号   京公网安备110000000003号 未成年人家长监护</div>
</body>
</html>

_苏小白
关注
html（ 课后及上机答案）
07-09
html所有的课后答案和上机题目的答案，所有的哦
HTML第九章代码
qq_36074092的博客
10-23 743
* { margin:0px; padding:0px; } body { font-family:Verdana, Arial, Helvetica, sans-serif, "宋体"; line-height:20px; font-size:12px; } li { list-style:none; } a img { border:0px; } a
html5第九章上机1制作照片墙,\ HTML5开发项目实战:照片墙
weixin_39632891的博客
06-21 3317
html图片墙css3* {margin: 0;padding: 0;}body {background-color: #eeeeee;}.container {width: 960px;height: 450px;margin: 60px auto;position: relative;}.pic {width: 160px;}.container img:hover {box-shadow: ...
使用JQuery快速高效制作网页交互特效第九章所有上机
weixin_44269168的博客
07-08 7837
这里是引用 上机一 样式 body{ border:0px; padding:0px; margin:0px auto; font:12px Tahoma; } div,ul,li,dt,dl { float:left; margin:0px auto; padding:0px; } li{ list-style:none; } a:...
HTML第9章 课堂练习 PPT及答案 CSS.ACCP6.0
05-10
HTML第9章 课堂练习 PPT及答案 CSS.ACCP6.0
北大青鸟使用jQuery快速高效制作网页交互特效 第九章上机+课后+上课实例代码
05-29
在本课程中，“北大青鸟使用jQuery快速高效制作网页交互特效 第九章上机+课后+上课实例代码”着重讲解了如何利用jQuery这一强大的JavaScript库来提升网页的交互性和用户体验。jQuery是一个轻量级、高性能的库，它极...
HTML第一章上机素材上机练习素材.zip
最新发布
07-05
在"HTML第一章上机素材上机练习素材.zip"中，提供的"01 上机练习素材"可能包含一系列的HTML代码示例、练习题目以及可能的参考答案。这些素材旨在让你亲手编写和修改HTML代码，从而掌握以下关键知识点： 1. HTML基本...
JS/JQuery-第3章上机练习.zip
04-20
在"JS/JQuery-第3章上机练习.zip"这个压缩包中，我们可以期待一系列针对这两个主题的实践练习。这些练习通常会涵盖以下几个核心知识点： 1. **基础语法与变量**：JavaScript 的基础包括数据类型（如字符串、数字、...
accp5.0JavaScript第五章上机答案
06-20
本“accp5.0JavaScript第五章上机答案”应当包含了上述知识点的具体实践和解答，帮助学员巩固理论知识，提高动手能力。通过解决上机题目，学员能够更好地理解和运用JavaScript，为后续的Web开发打下坚实基础。
第十三章上机作业2.zip
05-19
在这个"第十三章上机作业2.zip"压缩包中，我们可以预期找到一系列针对这两个主题的练习和项目。这可能是学生们为了巩固和深化对JavaScript和jQuery理解而完成的任务。这些作业可能涵盖了以下核心知识点： 1. **基本...
HTML上机练习
08-18
北大青鸟 S2 HTML上机练习
北大青鸟ACCP5.0第一学期HTML课程第七章上机阶段+作业源代码
09-09
北大青鸟最新5.0第一学期HTML课程第七章作业，上机阶段源代码+简答题，images文件夹里为素材，供大家学习参考。
qq彩贝商城
01-03
青鸟S1的其中一个项目，里面有图片资源，有js特效，资源共享，希望大家支持！
HTML的上机实例
03-11
这是我找到的一个不错的资源，已测试....
第9章 上机1,2,3
qq_36024638的博客
11-22 1204
--上机一 --查询第一学期 SELECT StudentNo, LoginPwd, StudentName, Sex, GradeId, Phone, Address, BornDate, Email FROM Student WHERE GradeId ='1' --查询第二学期 SELECT StudentName, Phone FROM Student WHERE GradeId ='2'
html第九章上机作业,HTML教程 09第九章
weixin_31978735的博客
06-18 620
第九章为网页添加多媒体元素一个网站要想做得更加生动，在网页中添加多媒体元素是必须的。而且，多媒体元素还可以更好地体现设计者的个性。通常，多媒体元素包括动态的文字、动态的图像、声音以及动画等。9.1动态文字动态的文字是最简单的多媒体元素。在HTML中要设置动态文字，需要使用标记，主要语法为：scrollamount = 滚动速度scrolldelay = 时间间隔bgcolor = 背景颜色widt...
2.第九章
丿乱丶的博客
10-23 479
开心网——网页游戏 首页 注册 | 登录 | 帮助 | 更多 侠客世界 征战四方 龙将 弹弹堂 凡人修真2 一骑当先 宫廷计 神仙道
第九章 上机练习 12345
qq_36074362的博客
11-22 3829
--SELECT * FROM [MySchool].[dbo].[Student] --Select StudentNo, LoginPwd, StudentName, Sex, GradeId, Phone, Address, BornDate, Email --from Student --where address='学生宿舍' --查询所有一期信息 --SELECT * FROM [
HTML第九章
qq_36074064的博客
10-23 1478
开心网——网页游戏 首页 注册 | 登录 | 帮助 | 更多 侠客世界 征战四方 龙将 弹弹堂 凡人修真2 一骑当先 宫廷计 神仙道 全部游戏 战争策略 | 体育经营 | 社交游戏
网站设计入门：浏览器Logo与HTML基础知识
在本章节中，我们探讨了网站设计的第一章——"网站概述"，主要关注的是浏览器的logo以及其在Web网页设计中的重要性。首先，课程涵盖了多个主流浏览器的标志，包括IE7 & IE8、Firefox 3、Netscape Navigator 9、Opera...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值