任务一因为时间关系所以草草完成了···果然学习了要会运用才是王道！！！

<!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">
<!--CSS内部样式是style type ;JS才是script-->
li{list-style-type:none;}
.yud{list-style-type:none;}
#rit{position: absolute;top: 136px;margin-left: 60%;
}
#opp{margin-right:40%;}
</style>
</head><body><!--导航原来是放在body内的-->
<h1>任务一</h1>
<ul>
<li><a href="hppt://www.bilibili.com">哔哩哔哔动漫</a></li>
<li><a href="hppt://www.baidu.com"  >百度</a></li>
<li><a href=" http://ife.baidu.com" >百度前端学院</a></li>
</ul>
<div id="opp"> <h1>文章第一级标题</h1><h2>文章第二级标题</h2><h3>文章作者&nbsp;&nbsp; 文章发表时间</h3><p>这两天，韩国现任政府不顾我国劝阻，想趁韩国政局混乱之际，强行在新政府上台前完成萨德反导弹系统的部署。而在 “萨德”风波中，选择妥协并向韩国政府提供“<a href="0SVp8Jm8mavZjzR5Enak8BgB4dRhMtciWMFnxOH_CyLbG1Bugj8gZhntxudxnssRps_aoy8EUE8IIN2oGsHjQRe2BUAf4HMgF5h7fMYLalPMSFln_BIeofIOOmlmGM8VZ0aOpgK_NRZKMEC15aQHg0nPNAK">萨德</a>”部署用地的<span>乐天集团</span>遭到了我们中国人，尤其是年轻人的一致抵制！不过，与之前的“反日砸车”相比，这一次的抵制好像静悄悄的？乐天目前在中国的状况如何？不砸车，不烧东西，我们这一届的抵制是如何俏悄进行的呢……</p id=p1><img src="http://h.hiphotos.baidu.com/baike/s%3D220/sign=38fc406477cf3bc7ec00caeee101babd/ac4bd11373f08202055a2d564cfbfbedaa641b8a.jpg" alt="导弹系统" /><p id=p2>韩国媒体2月27日报道，<a href="http://www.baidu.com">百度一下</a>乐天集团董事会当天决定，用庆尚北道星州一块148万平米的地皮置换南杨州的6.7万平米军事用地，用于部署“萨德”系统，此消息得到韩国防部的证实。《朝鲜日报》称，双方正式签约并最快在3个月内完成部署。</p>
</div><div><h1>这是另一个一级标题</h1><h2>文章二级标题</h2><h3>文章作者&nbsp;&nbsp; 文章发表时间</h3><p>末段高空区域防御系统的前身是历经多次失败而告终的战区高空区域防御系统，美国陆军于2004年对该系统进行重新设计，并重新命名为现名，类似于海军的宙斯盾作战系统，<a href="">由指管</a>通情指挥系统，<strong>拦截系统</strong>，发射系统和雷达及其支援设备组成。2007年10月，末段高空区域防御系统在美国太平洋导弹靶场成功完成大气层外的拦截试验。</p><img src="http://d.hiphotos.baidu.com/baike/s%3D220/sign=97a21e1cd188d43ff4a996f04d1fd2aa/b219ebc4b74543a9e98743a519178a82b901143e.jpg"  alt=内容你猜猜了/>
</div><div><ul><li>列表项目一</li><li>项目二</li><li>项目三</li></ul></div>   <div ><h1>图片</h1><ul id="yangs"> <!--li的样式改变有三种普通方法--><li class="yud">好看的图片</li><li class="yud"><img src="timg.jpg" width="1024" height="683" alt="好吃的" longdesc="timg.jpg" /></li><li class="yud">好看的图片</li><li class="yud"><img src="http://h.hiphotos.baidu.com/baike/s%3D220/sign=38fc406477cf3bc7ec00caeee101babd/ac4bd11373f08202055a2d564cfbfbedaa641b8a.jpg" alt="导弹系统" /></li><li class="yud">好看的图片</li><li class="yud"><img src="http://h.hiphotos.baidu.com/baike/s%3D220/sign=38fc406477cf3bc7ec00caeee101babd/ac4bd11373f08202055a2d564cfbfbedaa641b8a.jpg" alt="导弹系统" /></li><li class="yud">好看的图片</li><li class="yud"><img src="http://h.hiphotos.baidu.com/baike/s%3D220/sign=38fc406477cf3bc7ec00caeee101babd/ac4bd11373f08202055a2d564cfbfbedaa641b8a.jpg" alt="导弹系统" /></li><li class="yud">好看的图片</li><li class="yud"><img src="http://h.hiphotos.baidu.com/baike/s%3D220/sign=38fc406477cf3bc7ec00caeee101babd/ac4bd11373f08202055a2d564cfbfbedaa641b8a.jpg" alt="导弹系统" /></li><li class="yud">好看的图片</li><li class="yud"><img src="http://h.hiphotos.baidu.com/baike/s%3D220/sign=38fc406477cf3bc7ec00caeee101babd/ac4bd11373f08202055a2d564cfbfbedaa641b8a.jpg" alt="导弹系统" /></li><li class="yud">好看的图片</li><li class="yud"><img src="http://h.hiphotos.baidu.com/baike/s%3D220/sign=38fc406477cf3bc7ec00caeee101babd/ac4bd11373f08202055a2d564cfbfbedaa641b8a.jpg" alt="导弹系统" /></li><li class="yud">好看的图片</li><li class="yud"><img src="http://h.hiphotos.baidu.com/baike/s%3D220/sign=38fc406477cf3bc7ec00caeee101babd/ac4bd11373f08202055a2d564cfbfbedaa641b8a.jpg" alt="导弹系统" /></li></ul>
</div><div><h1>最好一篇文章一级标题</h1><h2>文章二级标题</h2><h3>文章作者&nbsp;&nbsp; 文章发表时间</h3><ol><li>排名1</li><li>排名2</li><li>排名3</li></ol></div>  <div><table width="270" height="133" border="1"><tr><th>表头</th>  <!--表头th--><th>表头</th><th>表头</th></tr><tr><td>表格内容</td><td>表格内容</td><td>操作</td></tr><tr><td>表格内容</td><td>表格内容</td><td>操作</td></tr><tr><td>表格内容</td><td>表格内容</td><td>操作</td></tr><tr><td>总结</td><td colspan="2">1000</td></tr></table></div>    </div>
</div>
<div id=rit><h1>侧栏标题</h1><h2>侧栏窗口标题</h2><form>请输入邮箱地址：<input type="text" name="请输入邮箱地址:" /><br />邮箱地址请按要求格式输入<br />请输入密码：<input type="password" name="请输入密码:" />请重复输入密码:<input type="password" name="请输入密码:" /><br />密码请为6-16位英文数字</form>    <form action="save.php" method="post" ><label>性别:</label><input type="radio" value="男"  name="gender" /><label>男</label><input type="radio" value="女"  name="gender" /><label>女</label><label>城市：</label><select><option value="北京">北京</option><option value="上海">上海</option><option value="广州">广州</option><option value="内江">内江</option>   </select><label>爱好：</label>&nbsp;<input type="checkbox" value="运动" name="checkbox1" /> 运动<input type="checkbox" value="运动" name="checkbox1" /> 艺术<input type="checkbox" value="运动" name="checkbox1" /> 科学<label>个人描述：</label><textarea cose="20" rows="3" > 这是一个多行输入框，输入您的个人描述</textarea><input type="submit" value="确认提交" name="submit"/></form>版权所有ⓒ</div></div>
</body>
</html>

转载于:https://my.oschina.net/u/3332884/blog/853856

百度前端小薇学院任务一相关推荐

  1. 百度前端-小薇学院Task5笔记总结

    一. 浮动 浮动脱离标准文档流,漂浮于文档流上方,元素里面的内容可以随着元素宽度的改变而进行改变. 二. BFC  一.BFC的概念 Block Formatting Context BFC是一个独立 ...

  2. 小薇学院任务一：零基础HTML编码（笔记）

    一.标签的嵌套规则以及<a>标签 <ul><li><a href='#'>导航链接一</a></li><li>< ...

  3. 小薇学院任务一学习笔记

    1.框架大概形式如下: <!DOCTYPE HTML> <html> <title> </title> <body> </body&g ...

  4. 百度·智能小程序学院院长沈抖：谈为趋势发展的百度智能小程序

    百度·智能小程序学院院长.百度公司副总裁沈抖 ​ 智能小程序在过去的一两年里,是整个热浪滚滚小程序的其中一员,小程序的出现就像任何一个技术和理念的出现一样,是为了解决行业的问题,解决当前的一些问题,那 ...

  5. 百度前端技术学院—-小薇学院(HTML CSS课程任务)

    任务一:零基础HTML编码 课程概述 作业提交截止时间:04-24 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理 ...

  6. 百度前端技术学院—-小薇学院(HTML+CSS课程任务)

    任务一:零基础HTML编码 课程概述 作业提交截止时间:04-24 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理 ...

  7. 百度前端学院小薇学院task7笔记

    1.纯css拉菜单默认样式 <!DOCTYPE html> <html lang="en"> <head><meta charset=&q ...

  8. 百度前端Web技术学院

    学院介绍 这是一个什么样的学院 百度Web前端技术学院(Baidu Institute of Front-End Technology简称IFE)是一个由百度人力资源部校园招聘组.百度EFE团队联合出 ...

  9. 百度前端学院_小薇课堂_task2

    任务目的 针对设计稿样式进行合理的HTML架构,包括以下但不限于: 掌握常用HTML标签的含义.用法 能够基于设计稿来合理规划HTML文档结构 理解语义化,合理地使用HTML标签来构建页面 掌握基本的 ...

最新文章

  1. Spring MVC原理
  2. php启用日志记录,PHP SDK启用日志功能报错
  3. windows server2012
  4. Jenkins系统上的时间不正确问题
  5. MySQL SQL的概述
  6. WSDL SOAP 绑定
  7. 项目开发（Require + E.js）
  8. 企业或将借助OA走出经济危机
  9. linux Centos系统下mysql主从配置
  10. 识别你的ADFS是什么版本的(Which version of ADFS is running)
  11. 我的书《编写高质量代码—Web前端开发修炼之道》面市了，请大家多多支持
  12. 使用rmmod无法卸载驱动，强制卸除的两种方法
  13. ArcCatalog中通过ArcSDE向Oracle数据库中导入数据
  14. Java高级工程师必备知识！kafka消费topic命令
  15. android 遥控器方向,android万能遥控器之一--前言及发射部分的简单实现
  16. 图的深度遍历（邓俊辉版）
  17. redis压测工具redis-benchmark
  18. php钓鱼怎么使用方法,还不会用小药钓鱼的朋友们，请往这里看看！
  19. uni-app使用Hbuilder X如何安卓APP打包、发布、运行
  20. 时序分析(8) -- GARCH(p,q)模型

热门文章

  1. （四）人，是人，真的是人
  2. 中国麦芽酚行业研究与投资战略报告（2022版）
  3. 【转载】System.Data.ParameterDirection 参数的说明
  4. java中img属性_img标签的属性是什么
  5. 用python写一个抽奖小程序_微信小程序抽奖助手一键参与抽奖
  6. System.IO.FileNotFoundException: 未能加载文件或程序集“Microsoft.Office.Interop.Excel, Version=11.0.0.0, Cultur
  7. 反爬虫与反反爬虫技术
  8. [freeswitch]mod_dptools功能总结（updating）
  9. 双十一买什么蓝牙耳机好？2022热销蓝牙耳机排行榜
  10. 一篇解决Element ui密码框眼睛图标明文密文，不允许中文输入以及输入的各种校验