HTML基础测试

一.单选题(共20小题,每题1.5分,共30分)

1、下面哪一个标签不能放在head标签内?( C )
A. title标签 B. style标签
C. body标签 D. script标签
2、如果网页中出现乱码,我们一般使用( A )来解决。
A. <meta charset="utf-8" />
B. <style type="text/css"></style>
C. <script></script>
D. <link type="text/css" rel="stylesheet" href="css/index.css">
3、下面选项中,属于HTML正确注释方式是( C )。
A. //注释内容
B. /*注释内容/
C. < !--注释内容-->
D.//注释内容//
4、选出你认为最合理的定义标题的方法是( C )。
A. <div>文章标题</div> B. <p><b>文章标题</b></p>
C. <h1>文章标题</h1> D.<strong>文章标题</strong>
5、如果想要实现粗体效果,我们可以使用( A )标签来实现。
A. <strong></strong> B. <em></em>
C. D.
6、下面有关自闭合标签说法不正确的是( B )。
A. 自闭合标签只有开始符号没有结束符号
B. 自闭合标签可以在内部插入文本或图片
C. meta标签是自闭合标签
D. hr标签是自闭合标签
7、在浏览器默认情况下,下面有关块元素和行内元素说法不正确的是( D )。
A. 块元素独占一行
B. 块元素内部可以容纳块元素
C. 块元素内部可以容纳行内元素
D. 行内元素可以容纳块元素
8、下面标签中,哪一个不是块元素?( A )
A. strong B. p C. div D. hr
9、在下面几种列表形式中,哪一种在HTML5中已经被废弃了。( D )
A. 有序列表ol B.无序列表ul
C. 定义列表dl D.目录列表dir
10、下面哪种列表我们在实际开发中是用得最多的?( B )
A. 有序列表ol B.无序列表ul
C. 定义列表dl D.目录列表dir
11、下面有关ul元素说法不正确的是( D )。
A. ul元素的子元素只能是li,不能是其他元素
B. ul元素内部的文本,只能在li元素内部添加,不能在li元素外部添加
C. 绝大多数列表都是使用ul元素来实现,而不是ol元素
D. 我们可以在ul元素中直接插入div元素
12、下面有关HTML语义化不正确的是( A )。
A. 对于大多数标签实现的效果,我们完全可以使用div和span来代替实现
B. 学习HTML目的在于:在需要的地方,用正确的标签
C. 语义化对于搜索引擎优化来说是非常重要的
D. 语义化目的在于提高可读性和可维护性
14、在img标签中,( B )属性的内容是提供给搜索引擎看的。
A. src B.alt C.title D.class
15、下面说法,正确的是( B )。
A.当鼠标移到图片上时,就会显示img标签alt属性中的文字
B. src是img标签必不可少的属性,只有定义它之后图片才可以显示出来
C. 在实际开发中,我们常用的是绝对路径,很少用到相对路径
D. 如果想要显示一张动画图片,可以使用png格式来实现
23、下面说法中,正确的是( C )。
A. 现在已经是CSS3时代了,CSS2没必要再去学
B. 一般使用script标签来引用外部样式表
C. 在实际开发中,一般使用外部样式表的多
D. 内部样式表和行内样式表在实际开发中一点用处都没有
24、每一个样式声明之后,要用( B )表示一个声明的结束。
A. 逗号 B. 分号 C. 句号 D. 顿号
25、下面哪一项是CSS正确的语法结构?( D )
A. body:color=black B. {body;color:black}
C. {body:color=black;} D. body{color:black;}
26、下面有关id和class的说法中,正确的是( D )。
A. id是唯一的,不同页面中不允许出现相同的id
B. id就像你的名字,class就像你的身份证号
C. 同一个页面中,不允许出现两个相同的class
D. 可以为不同的元素设置相同的class来为他们定义相同的css样式
27、下面有关选择器的说法中,不正确的是( A )。
A. 在class选择器中,我们只能对相同的元素定义相同的class属性
B. 后代选择器选择的不仅是子元素,还包括它的其他后代元素(如“孙元素”)
C. 群组选择器可以对几个选择器进行相同的操作
D. 想要为某一个元素定义样式,我们可以使用不同的选择器来实现
28、CSS中可以使用( C )属性来定义字体粗细。
A. font-family B. font-size C. font-weight D. font-style

二、判断题(每题1分,共13分)

1.在HTML中,若实现点击超链接时,弹出一个新的网页窗口,符合要求的写法是<a href="right.html" target="_blank">节目</a> ( T )
2.由于某些字符在HTML中有特殊含义,因此需要在浏览器中显示这些字符,就必须在HTML中使用字符转译码。其中 表示空格 ( T )
3.在HTML中,从本页面连接到页面中锚记是marker位置的代码是<a href="hello.htm" position="marker">Hello</a> ( F )
4.<a href="index.html" target="_blank">首页</a>这段代码目标窗口在当前窗口中打开 ( F )
5.将一个网页中所有的h1元素以及p元素的字体颜色设置为红色的CSS代码为h1, p {color:red;} ( T )
6.使用外部样式表可以使网站更加简洁,风格保持统一,它的文件扩展名为 .cs ( F )
7.外部样式表内容不需要使用<style>标签,而是使用<link>标签引入外部样式 ( T )
8.在HTML中,通过a{text-decoration:none}可以实现鼠标悬停在超链接上时,为无下划线的效果 ( T )
9.div标签是块级元素 ( T )
10.下面选项中,可以设置页面中某个DIV标签相对页面水平居中的CSS样式是vertical-align:middle ( F )
11.在HTML中,DIV默认样式下是不带滚动条的,若要使<div>标签出现滚动条,需要为该标签定义overflow:scroll样式 ( T )
12.若某个标签里的内容超过标签的尺寸,则超出的内容自动隐藏的CSS样式是visibility:hidden ( T )
15.html内嵌框架的标签名是iframe ( T )

  1. 权重等级由高到低依次为!important > 内联样式 > ID选择器 > 类、伪类和属性选择器( T )

三、简答题(每题14分,共42分)

1、请默写HTML基本结构。
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8”/>
<title>标题</title>
</head>
<body>

</body>
</html>

2、下面有一段代码,如果我们想要选中所有的div和p,请用至少2种不同的选择器方式来实现,并且选出最简单的一种。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div></div>
<p></p>
<p></p>
<strong></strong>
<span></span>
</body>
</html>
(1)使用元素选择器:
<style>
Div{

}
P{

}
</style>
(2)使用交集选择器:
Div,p{

}

3、为下面这段文字定义字体样式,要求字体类型指定多种、大小为14px、粗细为粗体、颜色为蓝色。
“有规划的人生叫蓝图,没规划的人生叫拼图。”
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
<style>
P{
Font:微软雅黑,arial;
Font-size:14px;
Font-weight:bold;
Font-color:blue;
}
</style>
</head>
<body>
<p>有规划的人生叫蓝图,没规划的人生叫拼图。</p>
</body>
</html>

四、论述题(每题15分,共15分)

1、请罗列出盒子模型的计算公式,盒子的宽度等于什么,盒子的高度等于什么?

答:盒子的宽度=width+左右两边边框+左右两边的内边距
盒子的高度=height+上下两边边框+上下两边的内边距

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,607评论 6 507
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,239评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,960评论 0 355
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,750评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,764评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,604评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,347评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,253评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,702评论 1 315
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,893评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,015评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,734评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,352评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,934评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,052评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,216评论 3 371
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,969评论 2 355

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,754评论 1 92
  • 专业考题类型管理运行工作负责人一般作业考题内容选项A选项B选项C选项D选项E选项F正确答案 变电单选GYSZ本规程...
    小白兔去钓鱼阅读 8,994评论 0 13
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,486评论 1 45
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,314评论 2 66
  • 2017年10学17日阴 前天给孩子开家长会,金校长的讲话如醍醐灌顶,孩子要从小培养,孩子不光要在生活学习中照顾他...
    路慎栋阅读 131评论 0 0