静态网页设计测试题教学提纲.doc-资源下载-咨信网-让知识获取变得高效

静态网页设计测试题教学提纲.doc

1、静态网页设计测试题精品文档静态网页设计测试题一填空题（每空1分，共20分） 1. 网页的后缀名是.html 。 2. HTML页面分为两个部分: head 和 body 。 3. title 元素是页面的标题。 4. p 元素是HTML的段落元素。 5. P元素标签有一个常用属性 align ，它用来指明字符显示时的对齐方向。 6. strong 元素标签用来设定文件中的重要的文本，在一般浏览器中，该元素标签将标签内容设置为粗体。 7. em 元素标签用来设定文件中需要强调语气的

2、内容。在一般浏览器中，该元素标签的效果是将标签内容以斜体来表示。 8. sup 元素标签用来定义上标文本， sub 元素标签用来定义下标文本。 9. del 元素标签用来定义文档中已经被删除的文本。在一般浏览器中，被该元素标签包括起来的文字会被加上删除线。 10. ol 标记表示有序列表， ul 标记表示无序列表。 11. 列表符号样式默认的是实心圆，如果要定义其他符号效果，可以通过 type 属性来设置。 12. table 元素表示表格; tr 元素表示行; td 元素表示单元格。 rowsp

3、an 的作用是指定单元格纵向跨越的行数。 13. 可用 form 标记来定义一个表单，当一个表单被定义后就可在表单内放置表单标记。。 14. 密码框的type为 password 。二选择题（每题2分，共20分） 1. 下面哪一项是换行符标签？（ C ） A． B． C．
D．

2. 下列哪一项是在新窗口中打开网页文档。（ B ） A．_self B._blank C._top D._parent 3. 要使

4、表格的边框不显示，应设置border的值是(B )。 A．1 B．0 C．2 D．3 4. 在网页中，必须使用（A ）标记来完成超级链接。 A… B

…

C… D

…

5. 以下标记符中，用于设置页面标题的是（A） A. B.<caption> C.<head> D.<html> 6. 在HTML中，可以使用（D）标记向网页中插入GIF动画文件。 A.<FORM> B.<BODY> C.<TABLE> D.<I</p><p style='padding:5px 0px;'>5、MG> 7. 在HTML中，（C）标签用于以预定义的格式显示文本，即文本在浏览器中显示时遵循在HTML源文档中定义的格式。 A.<HR> B.＜IMG＞ C.<PRE> D.<BR> 8. HTML代码<select name="NAME"></select>表示(D )？ A. 创建表格 B. 创建一个滚动菜单 C. 设置每个表单项的内容 D. 创建一个下拉菜单 9. HTML语言中，设置背景颜色的代码是（A） A. <body bgcolor=?> B. <body text=?> C. <body link=?> D. <body vli</p><p style='height:0px;padding:0;overflow:hidden'>6、nk=?> 10. 创建选项菜单应使用以下标记符：（A） A．SELECT 和 OPTION B．INPUT 和 LABEL C．INPUT D．INPUT 和 OPTION 三简答题（每题6分，共30分） 1. 简述在HTML文档中，html、css、js分别如何添加注释？答案： html的注释形式为； Css的注释形式为/*注释内容*/; js的注释形式为/注释内容/ 2. 简述页面中应用CSS的三种方式。答案：方式：外部样式表（最佳方式）、内部样式表、内联样式外部样式表：利用link元素引进css样式，l</p><p style='height:0px;padding:0;overflow:hidden'>7、ink元素的位置在head里，用href属性链接的位置。内部样式表：在head部分输入<style>标记中进行样式规则。内联样式：行内样式，在某个标签里输入style属性，进行样式规则 3. 简述常用的css样式选择器。答案：1、按标记名称选择元素（元素名称｛样式规则｝） 2、按class或id选择元素（按class元素选择器写为：.classname ｛样式规则｝、按id元素选择器写为#idname ｛样式规则｝） 3、按祖先元素选择格式化的元素、按父元素选择格式化元素（按祖先元素选择器写为：祖先元素格式化的元素｛样式规则｝、按父元素选择器写为：父元素>格式</p><p style='height:0px;padding:0;overflow:hidden'>8、化元素｛样式规则｝） 4、按状态选择链接元素（超链接的五种状态 a:某个状态｛样式规则｝） 5、按属性选择元素（元素[属性=”value”]） 4. 简述img元素常用的属性及作用。答案：src属性指定图片来源的url， alt属性指定图片无法显示时代替的文字， width属性指定图片宽度， height属性指定图片高度 5. 简述a元素常用的属性及作用。答案：href属性链接目标地址 name属性给链接命名 title给链接添加提示文字 target指定链接目标窗口 accesskey链接热键四编程题（每题10分，共30分</p><p style='height:0px;padding:0;overflow:hidden'>9、 1. 根据下图，编写html代码。答案： <table border="1" align="center" width="200"> <caption>简易计算器</caption> <tr> <td>7</td> <td>8</td> <td>9</td> <td>/</td> <td>%</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> <td>*</</p><p style='height:0px;padding:0;overflow:hidden'>10、td> <td>1/x</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>-</td> <td rowspan="2">=</td> </tr> <tr> <td colspan="2">0</td> <td>.</td> <td>+</td> </tr> </table> 2. 根据下图，编写html代码。答案： </p><p style='height:0px;padding:0;overflow:hidden'>11、用户名:<input type="text" name="用户名" id="username" placeholder="请输入用户名" class="ti"/><br> 密码:<input type="password" name="password" placeholder="请输入密码"/><br> 性别：<input type="radio" value="男" name="a"/ >男 <input type="radio" value="女" name="a" checked/>女 <br> 3. 根据下图，编写html代码。答案： <ol start="2" type="i"> <li>苹果</li> <li>桃子</li> <li>西瓜</li> </ol> <ul type="square"> <li>苹果</li> <li>桃子</li> <li>西瓜</li> </ul> 收集于网络，如有侵权请联系管理员删除 </p> </div> </div> <span id="LabelScript"></span> <script src="https://m.zixin.com.cn/JS/bootstrap-collapse.js"></script> <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;"> <div> <div style=" margin: auto; overflow:hidden; text-align: center;"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e2a21bc68316db308b5fdc9a0d11f2e"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <div style=" height:80px; margin: auto; overflow:hidden; text-align: center;"> <a target="_blank" href='https://m.zixin.com.cn/ADMiddle.aspx?t=92ULKnFRa/o='> <img src="https://www.zixin.com.cn/FileUpload/Images/81dd1a0b-02e3-435a-aa37-fbfccae9a83d.gif" width="100%" height='80' alt="移动网页_全站_页脚广告1" /> </a> </div> </div> <div class="siteInner"> <p style="white-space: normal; text-align: center;"><a href="https://www.zixin.com.cn/h-33.html" target="_blank" title="关于我们" textvalue="关于我们"><span style="text-align: center;">关于我们</span></a> <span style="text-align: center;"> </span><a href="https://www.zixin.com.cn/h-37.html" target="_blank" title="便捷服务" textvalue="便捷服务">便捷服务</a> <span style="text-align: center;"> </span><a href="https://ai.zixin.com.cn/" target="_blank" title="自信AI" textvalue="自信AI">自信AI</a> <span style="text-align: center;"> </span><a href="https://gpt.zixin.com.cn/" target="_blank" title="AI导航" textvalue="AI导航">AI导航</a> <a href="https://www.zixin.com.cn/info/266.html" target="_blank" title="抽奖活动" textvalue="抽奖活动">抽奖活动</a></p><p style="white-space: normal; text-align: center;"><span style="color: rgb(153, 153, 153); font-family: 微软雅黑, 宋体, Arial; font-size: 12px; text-align: center; background-color: rgb(248, 248, 248);"></span><span style="text-align: center;">©2010-2026 宁波自信网络信息技术有限公司 </span><span style="text-align: center;"> </span><span style="text-align: center;">版权所有</span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;">客服电话：<span style="text-wrap: wrap;">0574-28810668</span> <span style="text-align: center;">投诉</span>电话：18658249818</span></span></span></span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-6/9/6379033271755225397249870.png" title="gongan.png" alt="gongan.png"/></span><a href="http://www.beian.gov.cn/portal/index.do" target="_blank" textvalue="浙公网安备33021202000488号">浙公网安备33021202000488号</a> </p><p style="white-space: normal; text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/4/6379256265460890686562879.png" title="icp.png" alt="icp.png"/><a href="http://beian.miit.gov.cn/" target="_blank" textvalue="浙ICP备2021020529号-1">浙ICP备2021020529号-1</a> <span style="text-align: center;"> | </span> <a href="https://dxzhgl.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=%E5%AE%81%E6%B3%A2%E8%87%AA%E4%BF%A1%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&type=xuke" target="_blank" title="浙B2-20240490" textvalue="浙B2-20240490">浙B2-20240490</a><span style="text-align: center;"> </span></p><p style="white-space: normal; text-align: left;"><span style="text-align: center; font-family: 楷体, 楷体_GB2312, SimKai; font-size: 20px;">关注我们</span><span style="text-align: center;"> ：<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/9/6379298231429297878483475.png" title="微信公众号" alt="微信公众号"/></a></span><span style="text-align: center;"> <a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497521.png" title="抖音" alt="抖音"/></a> <a href="https://weibo.com/zixinnetwork" target="_blank" style="color: rgb(217, 83, 79); text-align: center; white-space: normal;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497523.png" title="微博" alt="微博"/></a> <a href="https://zixinnetwork.lofter.com/" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257740834991205479163.png" title="LOFTER" alt="LOFTER"/></a> </span></p> </div> </div> <div style="position: fixed; bottom: 100px; right: 15px; z-index: 100000000000000000;"> <a href="https://work.weixin.qq.com/kfid/kfcb5dffb1386b26424"><img src="https://www.zixin.com.cn/FileUpload/Images/c1022425-c464-4203-b6dc-db237b2252d5.gif" style="width:36px" alt="客服"/></a> </div> <div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; "> <div class="trlogoside" id="navlogo" style="display: none;"> <a href="https://m.zixin.com.cn/" title="咨信网"><img src="https://www.zixin.com.cn/FileUpload/Images/c4280cd2-fe62-449e-aeca-027ef73439f5.png" alt="咨信网"></a> <div class="trnavclose" id="navclose"> <span></span> </div> </div> <div class="navcontainer"> <div class="row"> <ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;"> <li><a target="_parent"href="https://m.zixin.com.cn/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.zixin.com.cn/">首页 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/booklist-0.html">分类 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/infos.html">学堂 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/newslist.html">公告 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/h-0.html">帮助中心 </a></li> </ul> </div> </div> </div> <script type="text/javascript"> function stopPropagation(e) { var ev = e || window.event; if (ev.stopPropagation) { ev.stopPropagation(); } else if (window.event) { window.event.cancelBubble = true;//兼容IE } } $("#navmore").click(function (e) { $("#navcontent").show(); $("#navlogo").show(); stopPropagation(e); var navcontentwidth = $("#navcontent").width(); $('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' }); $("#navcontent").show().animate({ "right": 0 }, 300); }); $(document).bind('click', function () { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); $("#navcontent").click(function (e) { stopPropagation(e); }); $("#navclose").click(function (e) { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); </script> <script> function BaseShare(title, desc, imgUrl) { var link = "https://m.zixin.com.cn/docdown/3841016.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识 timestamp: '1772559334', // 必填，生成签名的时间戳 nonceStr: '006F52E9102A8D3BE2FE5614F42BA989', // 必填，生成签名的随机串 signature: 'aee002186e2f8c285c5e3cecdf1b50f11ac2b5d7',// 必填，签名，见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } function BaseShare(title, desc, imgUrl, link) { if (link=="") link = "https://m.zixin.com.cn/docdown/3841016.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识 timestamp: '1772559334', // 必填，生成签名的时间戳 nonceStr: '006F52E9102A8D3BE2FE5614F42BA989', // 必填，生成签名的随机串 signature: 'aee002186e2f8c285c5e3cecdf1b50f11ac2b5d7',// 必填，签名，见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } </script>  <footer class="footer"> <a target="_parent" class="footer-item" href="https://m.zixin.com.cn/"> <img class="footer-item-img" src="/Master/img/tabbar/home.png" alt="首页" /> <div class="footer-item-txt ">首页</div> </a> <a target="_parent" class="footer-item" id="classify" href="https://m.zixin.com.cn/bookmap.html"> <img class="footer-item-img" src="/Master/img/tabbar/category.png" alt="分类" /> <div class="footer-item-txt ">分类</div> </a> <a target="_parent" class="footer-item" id="case" href="https://m.zixin.com.cn/zhuantilist-.html"> <img class="footer-item-img" src="/Master/img/tabbar/case.png" alt="专题" /> <div class="footer-item-txt ">专题</div> </a> <a target="_parent" class="footer-item" id="my" href="https://m.zixin.com.cn/UserDefault.aspx"> <img class="footer-item-img" src="/Master/img/tabbar/my.png" alt="我的" /> <div class="footer-item-txt ">我的</div> </a> </footer> <script> $(document).ready(function () { var arr = $(".headercontent"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://m.zixin.com.cn/header.aspx"; $.get(url + "?tp=0&t=" + (new Date()).valueOf(), function (d) { try { arr.eq(index).empty().html(d); } catch (e) { } try { arr.html(d); } catch (e) { } }); })(i); } }); </script> <script src="https://m.zixin.com.cn/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>

邮箱/手机：
温馨提示：	快捷下载时，用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）。如填写123，账号就是123，密码也是123。
特别说明：	请自助下载，系统不会自动发送文件的哦；如果您已付费，想二次下载，请登录后访问：我的下载记录
支付方式：
验证码：	换一换

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？