论坛

标题: 作业 [打印本页]

作者: 榴莲味奶粉香喷喷的呀    时间: 2018-1-21 21:01
标题: 作业
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>css样式</title>
  6. <style>
  7.         body{margin: 0; padding:0; background-color:#f5f5f5; font-family:"微软雅黑";}
  8.         .as{width: 100%; height:50px; background-color:#09C; margin-top:100px; min-width:1100px;}
  9.         .ad{float:left; height:50px; width:780px; margin-left:135px;}
  10.         .af{ float:right;}
  11.         .as .ag{ font-size:18px; color:#FFF; font-family:"微软雅黑"; line-height:50px; text-decoration:none; display:block; float:left; text-align:center;}
  12.         .ad .ag:hover{ background-color:#039;}
  13.         .as .ad .ag .ah { width:102px; display:inline-block;}
  14.         .as .aj{ width:134px; display:inline-block;}
  15.         .as .ak{ font-size:18px; color:#FFF; font-family:"微软雅黑"; line-height:50px; text-decoration:none; display:block;text-align:center; margin-right:135px;}
  16.         .main{ background-color:#FFF; border:1px solid #CCC; width:1000px; margin:20px 175px;}
  17.         .main h1{font-weight:400;font-size:34px; color:#333; margin:60px 30px 2px 30px;}
  18.         .main .title{ color:#666; font-size:12px; margin-left:30px;}
  19.         .main .title span{color:#136ec2; padding-left:2px; margin-left:2px;}
  20.         .main .title a{ border:1px solid #09C; padding:2px;}
  21.         .main p{ font-size:14px; color:#333; line-height:1.8em; margin:10px 30px; text-indent:2em;}
  22.         .main a{ text-decoration:none; color:#136ec2;}
  23.         .main a:hover{ text-decoration:underline;}
  24.        
  25.        
  26.         .main .box{ width:820px; height:178px;  margin:30px 30px 40px;}
  27.         .main .box .box1{ width:320px;height:178px;background: #fbfbfb;border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
  28.         .main .box .box2{ width:235px;height:178px;border-left:1px solid #EEE; float:left; background-color:#FFF;}
  29.         .main .box ol{list-style-position: inside; color:#63a0df; margin-left:-10px; font-size:16px; line-height:1.8em;}
  30.         .main .box h3{width: 83px;height: 48px;text-align:center;font-size: 18px;line-height: 48px;font-weight: 400; float:left; padding-left:1px;}
  31.        
  32.         .main h2{ font-weight:400; padding:0 30px; border-left:10px solid #06F; padding:0 20px; font-size:22px;}
  33.         .main h2 a{ color:#333;}
  34.         .main h2 a:hover{ text-decoration:none;}
  35.         .main h2 b{ color:#333;}
  36.         .main h2 b:hover{ text-decoration:none;}
  37. </style>
  38. </head>

  39.   <body>
  40.   <div class="as">
  41.       <div class="ad">
  42.       <a href="#" class="ag"><span class="ah">首页</span></a>
  43.       <a href="#" class="ag"><span class="ah">分类</span></a>  
  44.       <a href="#" class="ag"><span class="aj">特色百科</span></a>  
  45.       <a href="#" class="ag"><span class="ah">用户</span></a>
  46.       <a href="#" class="ag"><span class="aj">权威百科</span></a>  
  47.       <a href="#" class="ag"><span class="aj">手机百科</span></a>
  48.       </div>
  49.       <div class="af">
  50.       <a href="http://www.baidu.com" class="ak"><img src="images/user.png" />  个人中心</a>
  51.       </div>
  52.   </div>
  53.   <div class="main">
  54.   <h1>万维网联盟</h1>
  55.   <div class="title"><a href="#">同义词</a><span>w3c</span>一般指万维网联盟</div>
  56.   <p>万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南,</p>
  57.    <p>如广为业界采用的<a href="#">超文本标记语言</a>(标准通用标记语言下的一个应用)、可扩展标记语言(标准通用标记语言下的一个子集)以及帮助残障人士有效获得Web内容的信息无障碍指南(WCAG)等,</p>
  58. <p>有效促进了<a href="#">Web技术</a>的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。[1]</p>
  59. <div class="box">
  60. <div class="box1">
  61. <h3>目录</h3>
  62. <div class="box2">
  63.    <ol>
  64.    <li><a href="#a">发展历史</a></li>
  65.    <li><a href="#b">主要工作</a></li>
  66.    <li><a href="#">成员机构</a></li>
  67.    <li><a href="#">总体发展</a></li>
  68.    <li><a href="#">主要贡献</a></li>
  69.    </ol>
  70.    </div>
  71.    </div>
  72.    </div>
  73.    <h2><a name="a">发展历史</a></h2>
  74.    <p>万维网(World Wide Web)是作为欧洲核子研究组织的一个项目发展起来的,在那里 Tim Berners-Lee 开发出万维网的雏形。Tim Berners-Lee- 万维网的发明人和万维网联盟的主任。 万维网联盟,又称W3C理事会。1994年10月在<a href="#">麻省理工学院</a>计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯·李。</p>
  75.    <p>万维网联盟是国际最著名的标准化组织。1994年成立后,至今已发布近百项相关万维网的标准,对万维网发展做出了杰出的贡献。万维网联盟拥有来自全世界40个国家的400多个会员组织,已在全世界16个地区设立了办事处。2006年4月28日,万维网联盟在中国内地设立首个办事处。</p>
  76.    <p>W3C 在 1994 年被创建的目的是,为了完成麻省理工学院(MIT)与欧洲粒子物理研究所(CERN)之间的协同工作,并得到了<a href="#">美国国防部高级研究计划局</a>(DARPA)和欧洲委员会(European Commission)的支持。</p>
  77.    <p>W3C 致力于实现所有的用户都能够对 web 加以利用(不论其文化教育背景、能力、财力以及其身体残疾)。 W3C 同时与其他标准化组织协同工作,比如 Internet 工程工作小组(Internet Engineering Task Force)、无线应用协议(WAP)以及 <a href="#">Unicode 联盟</a>(Unicode Consortium)。</p>
  78.    <p>W3C 由美国麻省理工学院计算机科学和人工智能实验室 (MIT CSAIL),总部位于法国的欧洲信息数学研究联盟(ERCIM) 和日本的庆应大学(Keio University)联合运作,并且在世界范围内拥有分支办事处。[2]</p>
  79.    <h2><a name="b">主要工作</a></h2>
  80.   <p> W3C 最重要的工作是发展 Web 规范(称为推荐,Recommendations),这些规范描述了 Web 的通信协议(比如 HTML 和 XHTML)和其他的构建模块。</p>
  81. <p>每项 W3C 推荐的发展是通过由会员和受邀专家组成的工作组来完成的。工作组的经费来自公司和其他组织,并会创建一个工作草案,最后是一份提议推荐。一般来说,为了获得正式的批准,推荐都会被提交给 W3C 会员和主任。[2]</p>
  82. <p>HTML5规范</p>
  83. <p>万维网联盟宣布,HTML5和Canvas 2D规范的制定已经完成,尽管还不能算是W3C标准,但是这些规范已经功能完整,企业和开发人员有了一个稳定的执行和规划目标。</p>
  84. <p>W3C首席执行官Jeff Jaffe表示:“从今天起,企业用户可以清楚地知道,他们能够在未来依赖HTML5。” HTML5是开放Web标准的基石,它是一个完整的编程环境,适用于跨平台应用程序、视频和动画、图形、风格、排版和其它数字内容发布工具、广泛的网络功能等等。</p>
  85. <p>为了减少浏览器碎片、实现在所有HTML工具的应用,W3C开始着手<a href="#">W3C标准化</a>的互操作性和测试。和之前宣布的规划一样,W3C计划在2014年完成HTML5标准。</p>
  86. <p>HTML工作组还发布了HTML5.1、HTML Canvas 2D Context、Level 2以及主要元素的草案,让开发人员能提前预览下一轮标准。</p>
  87.   </div>
  88. </body>
  89. </html>
复制代码
老师 我想问一下 submit写代码怎么链接css样式啊 我用了link 两个文件放在一个文件夹还是链接不了 我上网说需要安装什么插件 但我都试了没有用 还有css样式的调色盘怎么打开呀 我每次写颜色只能去ps里面找属性 submit有没有调色盘呐

作者: 潜意式    时间: 2018-1-22 18:20
这个课程中好像没有讲到submit的内容呢,建议学习下《JavaScript+jQuery网页前端教程》里边有涉及到一些哦。




欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1