web前端测试(二)

web前端测试(二)

 

HTML 语言中,设置表格中文字与边框距离的标签是() * [单选题] *


A、<table boder=””>


B、<table cellspacing=””>


C、<table cellpadding=””>(正确答案)


D、<table width=””>

以下说法,错误的是() * [单选题] *


A、mark用于显示变粗的文字(正确答案)


B、<del>用于显示删除的文本


C、<ins>的文字会带下划线


D、<strong>用于强调文本

设置文字颜色应使用属性() * [单选题] *


A、font-family


B、font-color


C、color(正确答案)


D、font

根据规范,哪些标签不是 HTML 5 的语义化标签?() * [单选题] *


A、header


B、section


C、marquee(正确答案)


D、article

如何产生带有正方形项目的列表 () * [单选题] *


A、type: square


B、type: 2


C、list-style-type: square(正确答案)


D、list-type: square

以下代码做什么?() *
<input type=”text” name=”user_name” autofocus=”autofocus”/> [单选题] *


A、页面加载后,浏览器将自动聚焦user_name字段(正确答案)


B、都不正确


C、表单加载时创建一个text字段


D、加载一个text表单

下列哪一项不是 HTML5 中新增加的标签() [单选题] *


A、nav


B、article


C、caption(正确答案)


D、video

表示有序列表的是() [单选题] *


A、ul


B、dl


C、li


D、ol(正确答案)

关于CSS的单位,以下说法错误的是:() [单选题] *


A、百分比单位始终根据父元素相应值来计算(正确答案)


B、vw、vh、em、rem都是相对单位


C、90deg表示顺时针旋转90度


D、1s=1000ms

HTML5 中不再支持下面哪个元素?() [单选题] *


A、<q>


B、<ins>


C、<menu>


D、<font>(正确答案)

下面有关html Doctype的描述,说法错误的是?()
[单选题] *


A、它的责任就是告诉浏览器文档使用哪种html或者xhtml规范


B、不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析


C、不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为根本就没有一致性可言。


D、如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启严格模式(正确答案)

下面关于表单的说法中,错误的是() * [单选题] *


A、可以给 input 添加 multiple 属性使它可以输入多行文字(正确答案)


B、placeholder 属性可以用来提示用户输入什么内容


C、用户无法直接修改包含 disabled 属性的文本框的内容


D、maxlength 属性可以限制文本框内最多输入多少个字符

下列哪一项不是 HTML5 中新增加的标签?() * [单选题] *


A、nav


B、article


C、caption(正确答案)


D、video

在 HTML5 中,哪个元素用于组合标题元素?() * [单选题] *


A、<group>


B、<header>


C、<headings>


D、<hgroup>(正确答案)

CSS哪些属性可以继承() * [单选题] *


A、font-size(正确答案)


B、margin


C、width


D、padding

添加哪个属性可以使超出的文字部分变成”…”()() * [单选题] *


A、white-space: normal;


B、text-overflow: ellipsis;(正确答案)


C、overflow: hidden;


D、overflow: auto;

如何在新窗口打开链接?() * [单选题] *


A、<a href="url" new>


B、<a href="url" target="_blank">(正确答案)


C、<a href="url" target="">


D、<a href="url" target="_self">

以下代码做什么? <input type=”text” name=”user_name” autofocus=”autofocus”/>() [单选题] *


A、页面加载后,浏览器将自动聚焦user_name字段(正确答案)


B、都不正确


C、表单加载时创建一个text字段


D、加载一个text表单

下将input标签type设置为()即可实现颜色的输入。 [单选题] *


A、url


B、color(正确答案)


C、search


D、tel

下将input标签type设置为()即可实现滑块的输入。 [单选题] *


A、url


B、email


C、range(正确答案)


D、tel

下将input标签type设置为()即可实现一个月份的输入。 [单选题] *


A、url


B、email


C、month(正确答案)


D、tel

下将input标签type设置为()即可实现一个电话号码的输入。 [单选题] *


A、url


B、email


C、date


D、tel(正确答案)

下将input标签type设置为()即可实现一个URL地址的输入。 [单选题] *


A、url


B、email(正确答案)


C、date


D、time

下将input标签type设置为()即可实现一个邮箱的输入。 [单选题] *


A、url


B、email(正确答案)


C、date


D、time

下列哪个标签语义是表示某种计量,适用于温度、重量、金额等量化的表现。() [单选题] *


A、cite


B、meter(正确答案)


C、progress


D、h2

下列标签用于显示被标注的内容是日期或时间() [单选题] *


A、data


B、date


C、time(正确答案)


D、h1

设置导航的标签是哪一个() [单选题] *


A、header(正确答案)


B、footer


C、article


D、nav

在HTML5中,支持了音视频的播放,通过哪个属性可以让音视频自动播放() [单选题] *


A、loop


B、autoplay(正确答案)


C、src


D、selected

在HTML5中,支持了音视频的播放,其中音频播放使用的标签是() [单选题] *


A、audio(正确答案)


B、cite


C、small


D、video

布局的描述,正确的是?() * *


A、块级元素实际占用的宽度与它的 width 属性有关;(正确答案)


B、块级元素实际占用的宽度与它的 border 属性有关;(正确答案)


C、块级元素实际占用的宽度与它的 padding 属性有关;(正确答案)


D、块级元素实际占用的宽度与它的 background 属性有关。

以下几种margin写法不正确的有() *
*


A、margin:20px,10px,0;(正确答案)


B、margin:10px,10px;(正确答案)


C、margin:20px,auto;(正确答案)


D、margin:20px auto;

以下选项正确的是() * *


A、<p />


B、<br />(正确答案)


C、<hr />(正确答案)


D、<img />(正确答案)

下列描述正确的有() * *


A、p {text-size:bold}可以使字体变粗


B、a {text-decoration:none}可以使超链接没有下划线(正确答案)(正确答案)


C、text-transform:capitalize使首字母变为大写(正确答案)(正确答案)

css中哪些属性可以继承() * *


A、font-size(正确答案)


B、color(正确答案)


C、font-family(正确答案)


D、border

<input>元素的type属性的取值可以是() *


A、image(正确答案)


B、checkbox(正确答案)


C、button(正确答案)


D、select

下列哪些元素在浏览器默认样式下会加粗文本?() *


A、h1(正确答案)


B、caption(正确答案)


C、em(正确答案)


D、th

答案解析:<h1>
- <h6> 标签表示 HTML 标题,默认加粗;<caption> 标签表示表格标题,标题一般被居中表格之上,但不加粗文本;<em> 标签表示强调内容,显示为斜体,但不加粗文本;<th> 标签表示表格的表头,默认加粗文本

关于语义化说法不正确的是() *


A、语义化的HTML有利于机器的阅读(正确答案)


B、Table 属于过时的标签,遇到数据列表时,需尽量使用 div 来模拟表格(正确答案)


C、语义化是HTML5带来的新概念,此前版本的HTML无法做到语义化(正确答案)


D、Header、article、address都属于语义化明确的标签

答案解析:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

文字溢出显示省略号应该拥有那些属性() *


A、overflow: hidden;(正确答案)


B、white-space: nowrap;(正确答案)


C、text-overflow: ellipsis;(正确答案)


D、width:500px

下面哪些是HTML5 新增的表单元素?() *


A、datalist(正确答案)


B、optgroup


C、output(正确答案)


D、legend

请选出正确的选项() *


A、属性要在开始标签中指定,用来表示该标签的性质和特性(正确答案)


B、通常都是以“属性名=“值””的形式来表示(正确答案)


C、一个标签可以指定多个属性(正确答案)


D、指定多个属性时不用区分顺序。(正确答案)

以下()是行内块级元素 *


A、div


B、img(正确答案)


C、input(正确答案)


D、p

以下()是块级元素 *


A、div(正确答案)


B、img


C、input


D、p(正确答案)

下列选项中可以实现隐藏的是() *


A、visibility: hidden;(正确答案)


B、display: none;(正确答案)


C、hidden属性(正确答案)


D、display: inline-block;

下列哪些元素在浏览器默认样式下会加粗文本?() *


A、h1(正确答案)


B、caption(正确答案)


C、em(正确答案)


D、th

答案解析:<h1>
- <h6> 标签表示 HTML 标题,默认加粗;<caption> 标签表示表格标题,标题一般被居中表格之上,但不加粗文本;<em> 标签表示强调内容,显示为斜体,但不加粗文本;<th> 标签表示表格的表头,默认加粗文本

<i><em>标签语义分别表示斜体和加粗,是否正确? [单选题] *


A、正确


B、错误(正确答案)

答案解析:<i>标签只是单纯的样式标签,表现斜体的样式,但是语义上与普通文本无异;<em>标签在样式上表示为斜体,同时在语义上也表示为斜体。<em>标签可以被设备识别,而<i>标签不能被识别。

css属性overflow属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。 [单选题] *


A、True(正确答案)


B、False

答案解析:参数是scroll时候,必会出现滚动条。参数是auto时候,子元素内容大于父元素时出现滚动条。参数是visible时候,溢出的内容出现在父元素之外。参数是hidden时候,溢出隐藏。

H5就是HTML5的简称。() [单选题] *


A、对


B、错(正确答案)

CSS Sprites整理起来更为方便,同一个按钮不同状态的图片也不需要一个个切割出来并个别命名() [单选题] *


A、对(正确答案)


B、错

HTML 语言中,表格有多少对 <TR> 标签就表示有多少列,这句话是否正确() [单选题] *


A、对


B、错(正确答案)

在CSS中,以下哪项表示类选择器() [单选题] *


A、#div


B、.div(正确答案)


C、div


D、^div

原文地址:https://www.cnblogs.com/programme-maker/p/12104104.html

时间: 2024-10-09 21:45:50

web前端测试(二)的相关文章

WEB前端测试浏览器兼容性的娃有福了!

今天调试前端的一个js效果,在其它浏览器上都正常,本人的IE11也正常,但是同事的IE8下就不正常,于是楼主只能去找第三方软件了.先用的微软的Microsoft Expression SuperPreview4,但是它只能看静态页面,运行不了JS,于是只能去用IETester(楼主以前用过IETester,不太好用,经常崩溃).在IETester下试了,居然还是正常的,楼主瞬间凌乱了,不只如何下手了,只能再去找度娘了.在一篇帖子中看到一个好办法,真心好啊,楼主以前居然都没发现,贴图如下: 在IE

Web安全测试二步走

Web安全测试也应该遵循尽早测试的原则,在进行功能测试的时候(就应该执行下面的测试Checklist安全测试场景),然后在功能测试完成之后.性能测试之前进行扫描测试,可以用工具AppScan,Hp Webinspect,AWS等漏洞扫描工具进行扫描. 第一步:比较常用的安全测试Checklist如下: 1:不登录系统,直接输入登录后的页面URL是否可以访问. 2:不登录系统,直接输入下载文件的URL是否可以下载文件. 3:退出登录后,点击浏览器的的后退按钮能否访问之前的页面. 4:手动更改URL

百度web前端--2015二面

背景 故事再接上文:http://segmentfault.com/a/1190000002738459 昨天中午一面结束,感觉答得一般吧,很多知识点如Linux.PHP都没答上来.不知道能不能过. 不过我深深感觉到了自己知识点的一些不足,于是上午的电视概论课一边听一边看书,手机还开的标准模式.那可是班主任的课呀.. 很意外,上午居然有面试官打来电话约二面!百度的效率还是蛮高的呀.于是又约到了中午1点,一天课呀,没办法. 内容 首先你自我一下吧.好的,我--.吧啦吧啦,开始了.我提到了课程中的一

WEB前端常用的测试工具

一.QUnit 前端测试工具 QUnit是一个强大的JavaScript单元测试框架,该框架是由jQuery团队的成员所开发,并且是jQuery的官方测试套件.Qunit是Jquery的单元测试框架,并且被广泛使用在各个项目中. 为了使用Qunit,你仅仅需要去包含2个Qunit文件在你的Html页面.Qunit 包含了qunit.js 作为运行器和测试框架,和qunit.css 文件,座位测试套件页面显示测试结果的样式. 二.Selenium 前端测试工具 Selenium 是ThoughtW

【转】关于大型网站技术演进的思考(二十一)--网站静态化处理—web前端优化—下【终篇】(13)

本篇继续web前端优化的讨论,开始我先讲个我所知道的一个故事,有家大型的企业顺应时代发展的潮流开始投身于互联网行业了,它们为此专门设立了一个事业部,不过该企业把这个事业部里的人事成本,系统运维成本特别是硬件采购的成本都由总公司来承担,当然互联网业务上的市场营销成本这块还是由该事业部自己承担,可是网站一年运维下来,该公司发现该事业部里最大的成本居然不是市场营销的开销,而是短信业务和宽带使用上的开销,是不是有点让人感到意外呢?下面我来分析下这个场景吧. 短信这块是和通讯运营商有关,很难从根本上解决,

关于大型网站技术演进的思考(二十一)--网站静态化处理—web前端优化—下【终篇】(13)

本篇继续web前端优化的讨论,开始我先讲个我所知道的一个故事,有家大型的企业顺应时代发展的潮流开始投身于互联网行业了,它们为此专门设立了一个事业部,不过该企业把这个事业部里的人事成本,系统运维成本特别是硬件采购的成本都由总公司来承担,当然互联网业务上的市场营销成本这块还是由该事业部自己承担,可是网站一年运维下来,该公司发现该事业部里最大的成本居然不是市场营销的开销,而是短信业务和宽带使用上的开销,是不是有点让人感到意外呢?下面我来分析下这个场景吧. 短信这块是和通讯运营商有关,很难从根本上解决,

Kali Linux Web 渗透测试— 第十二课-websploit

Kali Linux Web 渗透测试— 第十二课-websploit 文/玄魂 目录 Kali Linux Web 渗透测试— 第十二课-websploit............................................... 1 Websploit 简介........................................................................................... 2 主要功能...........

3种精美Web前端搜索框展示(附源码)(二)

4.  CSS3响应式伸缩搜索框 能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载 /   在线演示 5.  css3带搜索框下拉菜单 源码下载 /   在线演示 6.  jQuery当乐网搜索下拉框 源码下载 /   在线演示 3种精美Web前端搜索框展示(附源码)(二)

从头开始构建web前端应用——字符炸弹小游戏(二)

接上篇.欢迎指正. 现在,需要考虑如何拆分文件. 拆分文件的目的,是为了方便代码管理.很显然,样式表,网页源文件,js代码需要放在不同的地方.另外,对于前端开发来说,主要的逻辑控制流程,都在js文件里面,所以,还需要拆分js文件.我个人习惯上按功能模块来拆分.在拆分前,你需要仔细思考一下,每一个函数和其他函数之间的关联度,尽量做到相关功能函数在一个文件里. ok,开工.在html所在文件目录下创建2个新文件夹,分别命名为css,js. 1.拆分css. css样式表写的不多,直接在css文件夹下