




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、要求:在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word文档即可。完整答案附后小明的女朋友跟他生气了,他想哄女朋友开心。他在想为女朋友做点儿什么呢?他看女朋友最近经常浏览淘宝、京东、新浪、百度这些网站,于是,就给她做了简单的页面。女朋友看了之后感觉不太好看,小明同学想将列表的方式转化为表格。过了一段时间,小明同学学到了css,发现css可以美化它写的网站。<DOCTYPE html> <html> <head></head> <body> <table border="1" cell
2、padding = "20" cellspacing="0"> <tr> <th>网站名称</th> <th>网站地址</th> </tr> <tr> <td>京东</td> <td></td> </tr> <tr> <td>百度</td> <td></td> </tr> <tr> <td>新浪</td&g
3、t; <td></td> </tr> <tr> <td>淘宝</td> <td> </td> </tr> </table> <label for="name">网站名称:</label> <input id="name"/> <label for="address">网站链接:</label> <input id="address"
4、/> <span class="btn">添加</span><style> table margin-bottom: 20px; .btn display: inline-block; padding: 3px 10px; border: 1px solid; margin-left: 20px; cursor: pointer; </style> </body> </html>1.请同学们使用css实现网页背景颜色为#f1f1f1, 表格左右居中,内容居中展示,距上50px,奇数行背景色为#f5
5、f2eb,取消a标签下划线效果,效果图如下:2. 小明同学给添加按钮添加点击事件,并判读两个输入框的值不能为空,如果两个输入框有一个值为空的话以弹窗提示: 请输入添加网站所需内容。完整答案附后答案区:要求:在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word文档即可。小明的女朋友跟他生气了,他想哄女朋友开心。他在想为女朋友做点儿什么呢?他看女朋友最近经常浏览淘宝、京东、新浪、百度这些网站,于是,就给她做了简单的页面。女朋友看了之后感觉不太好看,小明同学想将列表的方式转化为表格。过了一段时间,小明同学学到了css,发现css可以美化它写的网站。<DOCTYPE ht
6、ml> <html> <head></head> <body> <table border="1" cellpadding = "20" cellspacing="0"> <tr> <th>网站名称</th> <th>网站地址</th> </tr> <tr> <td>京东</td> <td></td> </tr> <tr&
7、gt; <td>百度</td> <td></td> </tr> <tr> <td>新浪</td> <td></td> </tr> <tr> <td>淘宝</td> <td> </td> </tr> </table> <label for="name">网站名称:</label> <input id="name"/
8、> <label for="address">网站链接:</label> <input id="address"/> <span class="btn">添加</span><style> table margin-bottom: 20px; .btn display: inline-block; padding: 3px 10px; border: 1px solid; margin-left: 20px; cursor: pointer; </sty
9、le> </body> </html>1.请同学们使用css实现网页背景颜色为#f1f1f1, 表格左右居中,内容居中展示,距上50px,奇数行背景色为#f5f2eb,取消a标签下划线效果,效果图如下:<DOCTYPE html> <html> <head> </head> <body><style> atext-decoration:nonebodybackground:#f1f1f1tablemargin:0 auto;margin-top:50px;text-align:center;t
10、able tr:nth-child(odd)background-color:#f5f2eb;</style> <table border="1" cellpadding = "20" cellspacing="0"> <tr> <th>网站名称</th> <th>网站地址</th> </tr> <tr> <td>京东</td> <td></td> </tr> <
11、tr> <td>百度</td> <td></td> </tr> <tr> <td>新浪</td> <td></td> </tr> <tr> <td>淘宝</td> <td> </td> </tr> </table> </body> </html>2. 小明同学给添加按钮添加点击事件,并判读两个输入框的值不能为空,如果两个输入框有一个值为空的话以弹窗提示
12、: 请输入添加网站所需内容。<DOCTYPE html> <html> <head> </head> <body><style> atext-decoration:nonebodybackground:#f1f1f1tablemargin:0 auto;margin-top:50px;text-align:center;margin-bottom: 20px; .btn display: inline-block; padding: 3px 10px; border: 1px solid; margin-left: 20p
13、x; cursor: pointer; table tr:nth-child(odd)background-color:#f5f2eb;</style> <table border="1" cellpadding = "20" cellspacing="0"> <tr> <th>网站名称</th> <th>网站地址</th> </tr> <tr> <td>京东</td> <td></td
14、> </tr> <tr> <td>百度</td> <td></td> </tr> <tr> <td>新浪</td> <td></td> </tr> <tr> <td>淘宝</td> <td> </td> </tr> </table> <div style="margin:0 auto;width:700px;"><
15、label for="name">网站名称:</label> <input id="name"/> <label for="address">网站链接:</label> <input id="address"/> <button class="btn" onclick="getInput()">添加</button></div><script>function g
16、etInput()var name=document.getElementById('name').value;var address=document.getElementById('address').value;if(name=''|address='')alert('请输入添加网站所需内容');</script> </body> </html>类似太阳一类大的天体,其本身内部会发生反应,并将能量以光的形式向空间辐射。都市上空的星星恒星就是类似太阳一类大的天体,其本身内部会
17、发生反应,并将能量以光的3.彗星,像哈雷彗星之类,我们看到的光是它在经过太阳系时,其材料被溶化掉的彗尾造成的现象,所以看到的彗星往往拖着长尾巴。夜晚能看到的星星大部分的是恒星,有几颗是我们太阳系的行星,例如:金星、水星、火星。恒星的发光原理与我们的太阳相类似,大部分是氢聚变成氦核的过程释放能量,还有一部分是氦聚变释放能量。只是因为他们离我们很远才看起来是颗温柔的小星星,其实他们比太阳都大得多。而行星是因为反射太阳的光才看起来亮的,只不过是沾了离我们近的光,看起来好像比恒星们都亮。在天空中看起来和月亮一样大的太阳,它的直径是139.2万公里,体积约是地球的130万倍 2 。说来也巧,太阳的直径是月亮的400来倍,但它到地球的距离也比月亮远了大约400来倍,所以看上去大小就差不多了。作为一颗卫星,月亮在太阳系已发现的66颗卫星中算是大个头的了。比月亮还大的卫星只有四五颗,其中直径最大的木卫三,直径为5200多公里。其它的大都只有几十到几百公里。地球作为一颗行星,其大小在八大行星中排行第五,算是个中等个子。最大的木星体积是地球的1300倍,最亮的金星和地球大小差不多,红色的火星体积则只及地球的八分之一多。行星和卫星,比起太阳系的家长太阳来说,确实是一些小不点,就像芝麻和西瓜。太阳在太阳系里真可谓唯我独尊。然而,光耀无比的太阳同满天看起来只有
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 智能网联传感器及控制器生产线项目环境影响报告书
- 深海养殖系统设计与优化方案
- 2025年电大社会保障学试题及答案
- 2025年外贸相关英语题库及答案
- 2025年高考电表改装真题及答案
- 市政供热老旧管网改造工程施工方案
- 离婚协议中双方个人隐私保护及信息共享限制样本
- 离婚协议子女抚养及财产分割法律依据范本
- 自然保护区生态环境保护方案
- 动力电池系统生产线项目技术方案
- 2022年太原市第二热力有限责任公司招聘笔试试题及答案解析
- 高中生励志奋斗与梦想课件
- 《中职地理》配套教学课件
- 水运工程质量检验标准表格
- 新教材人教版高中物理选择性必修第二册全册教学课件
- DB51∕T 2571-2019 林下黄精种植技术规程
- 世园会周边环境综合整治工作汇报
- 金相检验4-结构钢的金相检验
- 不同截面钢牛腿设计计算(excel)
- 钢结构单层厂房施工组织设计方案
- 安全生产费用投入台账模报表
评论
0/150
提交评论