【web前端】web前端设计入门到实战第二弹——面试题总结+答案

一、选择题

1、表格的主要作用是( B )。

A.网页排版布局 B.显示数据 C.处理图像 D.优化网站

2、如果表格的边框不显示,应设置border的值为( B )。

A.1 B.0 C.2 D.3

3、定义单元格的是(A )。

代码语言:javascript
复制
A.<td></td>                B.<tr></tr>    
C.<table></table>    D.<caption></caption>

4、为了解决浏览器对视频格式的兼容情况,可以使用( A )标签为同一个每天数据指定多个播放格式与编码方式。

代码语言:javascript
复制
A.<source>  
B.<audio>    
C.<video>    
D.<track>

5、在下面的标签中,( A )是通用标签。

代码语言:javascript
复制
A.<span>     
B.<p>    
C.<ol>    
D.<pre>

6、WEB使用( D )在服务器和客户端之间传输数据

A.FTP B.Telnet C.E-mail D.HTTP

7、HTTP服务默认的端口号是( D )。

A.20 B.21 C.25 D.80

8、HTML是一种标记语言,由( C )解释执行。

A.WEB服务器 B.操作系统 C.WEB浏览器 D.不需要解释

9、目前的WEB标准不包括( D )。

A.结构标准 B.表现标准 C.行为标准 D.动态网页

10、下面正确的URL地址是( C )。

A.Get://www.solt.com/about.html B.ftp://tsinghua.edu.cn C.http://www.tsinghua.edu.cn D.http://www.bhu.edu.cn

11、下列有关网页中图像的说法不正确的是( C )。

A.网页中的图像并不与网页保存在同一个文件中,每个图像单独保存 B.HTML5图像标签可以描述图像的位置、大小等属性 C.HTML5图像标签可以直接描述图像上的像素 D.图像可以作为超链接的起始对象

12、在以下标签中,主要用来创建视频和Flash的是( B )。

代码语言:javascript
复制
A.<object>                
 B.<embed>
C.<form>                    
D.<marquee>

13、在下面的颜色值中,( D )是正确的颜色值。

A.&FF0000 B.#FFHH00 C.#FF00GG D.#FFBB00

14、在HTML5文档中,使用( C )标签标记定义列表。

代码语言:javascript
复制
A.<ol>                 
B.<ul>
C.<dl>                 
D.<list>

15、在下面的标签中,(C )是HTML5新增的标签。

代码语言:javascript
复制
A.<br>
B.<break>
C.<header>
D.<head>

16.关于Web开发核心技术的描述,不正确的是( A )。

A. HTML文件中只能写HTML代码,不能添加CSS代码或JavaScript代码。 B. 设置网页样式时,可以通过<link>引入CSS文件,也可以将CSS代码写在HTML中。 C. JavaScript文件的后缀名只能是.js D. A、B、C都不正确

17.HTML文档的树状结构中,( A )标签为文档的根节点,位于结构中的最顶层。

代码语言:javascript
复制
A.  <HTML>                         
B.  <HEAD>
C.  <BODY>                        
D.  <TITLE>

18.关于网站首页制作的说法错误的是( D )。

A.首页的文件名称可以是index.htm或index.html。 B.可以使用排版表格和排版单元格来进行定位网页元素。 C.可以使用表格对网页进行定位。 D.在首页中我们不可以使用css样式来定义风格。

19.下面说法正确的是( D )。

A.在制作网页时,为了少建立文件夹,应该吧所有的HTML代码,CSS代码和JavaScript代码都写在HTML文件中。 B.编写时没必要加注释,写注释是多此一举。 C.为文件命名时,可以随便命名,不需要做到“见名知意” D.A、B、C都不对。

20.下面哪个软件不是用于编写HTML5程序代码( A )。

A.Dreamweaver B.Visual studio C.EditPlus D.WebStorm

21、在HTML5文档中,超链接的基本形式是( B )。

代码语言:javascript
复制
A.<a link=“URL”></a>
B.<a href=“URL”></a>
C.<a URL=“URL”></a>
D.<a http=“URL”></a>

22、( A )是空格字符实体。

A.&nbsp B.&1t C.&gt D.&copy

23、在HTML5中,列表不包括( D )。

A.无序列表 B.有序列表 C.定义列表 D.公用列表

24、以下代码片段完全符合HTML5语法标准的是( C )。

代码语言:javascript
复制
A.<br>                    
B.<p>这是一个段落
C.<div></div>     
D.<hr>

25. 和 标签说法不正确的是( D )。

A.<div>标签是块级元素 B.<span>标签是内联元素 C.都可以添加文字 D.没有区别

26.关于链接标签的说法不正确的是( C )

A.<a>标签里可以是文字也可以是图片 B.通过href属性添加目标链接地址 C.通过target属性添加目标链接地址 D.以上说法都不正确。

27.下列标签书写正确的是( D )。

代码语言:javascript
复制
A.  <p/>      
B.  <img></img>       
C.  <span>       
D.  <div></div>

28.下列不是标签的HTML属性的是( B )。

A.src B.href C.alt D.title

29.在网页中添加一个链接,并要求在新窗口打开链接,下列代码正确的是( A )。

代码语言:javascript
复制
A.<a href=”link.html” target=”_blank”>友情链接</a>
B.<a href=”link.html” target=”_parent”>友情链接</a>
C.<a href=”link.html” target=”_self”>友情链接</a>
D.<a href=”link.html” target=”_top”>友情链接</a>。

30.对于下面代码解读不正确的是( C )。

代码语言:javascript
复制
<img src=”pic.png” alt=”我的头像” title=”my head” width=”50px”>

A.该图片在网页中显示的宽度是50像素,高度按比例放大或缩小。 B.图片的路径是“img.png”。 C.鼠标悬停在图片上时,鼠标附近会显示图片信息“我的头像” D.当图片无法正常显示时,图片位置会显示内容“我的头像”

31、关于HTML5的基本语法,下列说服错误的是( B )

A.在文档开始要定义文档的类型 B.元素允许交叉嵌套 C.空标签最好加“/”来关闭 D.属性值建议用“”括起来

32、<!DOCTYPE>的作用是( A )。

A.用来定义文档类型 B.用来声明命名空间 C.用来向搜索引擎声明网站关键字 D.用来向搜索引擎声明网站作者

33、( B )标签是文件头的开始。

代码语言:javascript
复制
A.<html>               
B.<head>  
C.<font>              
D.<frameset>

34.关于超链接下面说法正确的是( C )。

A.链接地址只能使用绝对地址 B.链接地址只能使用相对地址 C.链接地址绝对地址和相对地址都可以使用 D. 以上说法都不正确

35.关于HTML5文件结构,下列说法正确的是( C )

A.<html>标签中的所有内容都会显示在网页中。 B.<title>标签用于定义网页标题,该标签中的内容不会显示在网页的最上方。 C.<body>标签中的内容为网页主体。 D.A、B、C都对

36.设置<a>标签的目标链接地址的属性为( B )。

A.src B.href C.target D.to

37.为网页添加视频可以通过以下哪个标签( B )。

代码语言:javascript
复制
A.<audio>        
B.<video>          
C.<meta>          
D.A、B、C都可以

38.为网页添加音频可以通过以下哪个标签( A )。

代码语言:javascript
复制
A.<audio>       
B.<video>          
C.<meta>       
D.A、B、C都可以

39.如果要设置页面加载完毕后立即播放视频,应该在标签中设置什么属性( C )。

A.loop B.play C.autoplay D.controls

40.如果要添加音频工具栏,则应该通过什么属性( B )。

A.loop B.controls C.autoplay D.width

41.下面那个标签中不能插入文字( A )。

代码语言:javascript
复制
A.<img>        
B.<div>          
C.<span>          
D.<p>

42.使用<img>标签在网页中成功地添加一张图片,必不可少的属性是( C )。

A.alt B.title C.src D.width

43.关于<br>和<hr>标签说法不正确的是( D )。

A.都是单标签 B.<br>标签用于换行显示内容 C.<hr>标签合一在网页中添加一条水平线 D.<br>标签与<p>标签的作用相同,都是换行

44.下列说法错误的是( C )。

A. <ul>是无序列表标签 B. <dl>是定义列表标签 C. <ul>和<ol>都是块级元素 D. 列表标签只有有序列表、无序列表和定义列表这三种。

45.下面有关定义列表的说法中,正确的是( B )。

A.在<dl></dl>中直接输入内容就可以 B.在<dt></dt>中输入定义的内容,在<dd></dd>中输入解释的内容 C.在<dt></dt>中输入解释的内容,在<dd></dd>中输入定义的内容 D.在<dt></dt><dd></dd>是唯一且一一对应的。

46.关于列表下列说法错误的是( D )

A.常见的列表有有序列表、无序列表和定义列表 B.有序列表的列表项目之间排列是有顺序的 C.无序列表的列表项目之间排列是没有顺序的 D.列表之间不可以嵌套使用

47.关于HTML中的表格,下列说法错误的是( C )。

A.表格标签是<table> B.在表格标签中通过width和height属性可以设置表格大小 C.在表格标签中直接添加可以<td>单元格标签 D.表格标签中可以通过bgcolor添加设置表格的背景颜色

48.跨行合并表格的HTML代码为( D )。

代码语言:javascript
复制
A.<tr colspan=”3”>       
B.<tr rospan=”3”>     
C.<td colspan=”3”>       
D.<td rowspan=”3”>

48.对下列代码描述不正确的是( B )。

代码语言:javascript
复制
<video src=”a.mp4”>请更新您的浏览器</video>

A.上面面代码可以在网页中插入一段视频 B.上面代码可以在网页中插入一段音频 C.当浏览器不支持播放视频时,浏览器中就会显示文字“请更新您的浏览器” D.”a.mp4”是视频的路径

50.关于定义列表标签说法错误的是( B )。

A.定义列表是一个包含两个层次的列表 B.定义列表中一个<dd>标签可以对应多个<dt>标签 C.定义列表标签是<dl>标签 D.定义列表中一个<dt>标签可以对应多个<dd>标签

51.下面四种标签哪种写法不正确( A )。

代码语言:javascript
复制
A.<html></html>          
B.<Html></Html>     
C.<HTML></HTML>      
D.<html><html/>

52.Web开发的主要技术不包括以下哪个( C )。

A.HTML B.JavaScript C.Java D.CSS

53.关于HTML描述不正确的是( A )。

A.HTML5是一种文件 B.HTML5是纯文本类型的语言 C.HTML是一种网页控制技术 D.A、B、C都对

54.编写网页的过程中,下面那种注释不正确( C )。

代码语言:javascript
复制
A.<!--注释-->
B.//注释
C.<**注释**>
D./*注释*/ 

55.下列说法正确的是( B )。

A.有序列表中,type属性可以设置其序号类型 B.无序列表中,type属性可以设置项目符号 C.CSS中可以通过list-style-image自定义列表项的图标 D.A、B、C都对

56.下面代码的运行结果,说法正确的是( B )。

代码语言:javascript
复制
<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橘子</li>
</ul>

A.是有序列表 B.是无序列表 C.是定义列表 D.都不正确

57.下列关于有序列表和无序列表的说法正确的是( C )

A.有序列表标签是<ul> B.无序列表标签是<ol> C.无序列表和有序列表中添加列表项都需要使用<li>标签 D.有序列表的每一项前面有列表项符号,而无序列表的每一项前面是排序的序号

二、填空题

1.阅读以下代码:

代码语言:javascript
复制
<h2>学习用品</h2>
<ul>
  <li>钢笔</li>
  <li>笔记本</li>
  <li>书</li>
  <li>文具盒</li>
</ul>
<h2>水果分类</h2>
<ol>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橘子</li>
  <li>梨</li>
</ol>

“学习用品”部分使用的列表为__无序列表_________, “水果分类”使用的列表为__有序列表_________

2.下列代码中,"images/banner1.jpg"是图片的____路径_______, "491"和 "824"表示图片的_____高度______和________宽度___。

代码语言:javascript
复制
<img src="images/banner1.jpg" alt="替换文本" height="491" width="824" />

3.从块级元素和内联元素来区分,<div>标签是______块级元素_____,<span>标签是____内联_______。

4.<video>添加视频后,设置视频播放器大小的属性是__height_________。

5.<audio>标签中添加音频工具栏的属性是___controls________。

6.从选中标签的数量对比,类选择器与ID选择器的区别是_____ID选择器权重大______。

7.<audio>标签中src属性作用是____获得播放音频的路径_______。

8.添加表单应该使用_____<table>______标签。

9.常见的列表有____无序列表_______、有序列表_______和__自定义列表_____。

10.<ol>标签用于在网页中添加___有序列表________。

11.定义列表时一个含有两个层次的列表,名词为第一层次,其标签为_____<dl>,解释为第二层次,其标签为<dt>_____。

12.<p>标签的作用是______定义段落_____。

13.HTML文件的后缀可以是______.html_____和________.htm___。 14.标签分为______内标签_____和_外标签__________。

15.制作网页时,网页主体内容代码需要写在____<body>_标签里。 16.<title>标签的作用是_____定义文档的标题

17.注释的作用是____解释代码 辅助调试 标注作者或版权信息_______。注释分为三类,分别是______单行注释_____、多行注释_____、文档注释_____。

18.meta元素的属性有___http-equiv________、name___。其中_______name____属性用于描述网页,以便于搜索引擎机器人查找分类。

19.CSS文件的后缀名是____.css_______。

20.按单双标签分类,<hr>标签的类型___单标签________,它的作用是____添加水平分割线_______。

21. 添加视频或音频时,如果要设置音频或视频加载完毕后立即播放,可以使用_____autoplay______属性。

22.下面代码:

代码语言:javascript
复制
<p align="center">点击进入首页</p>

<p>标签的作用是____成段落(段落标签)______,align="center"的作用是:居中

23.下面代码:

代码语言:javascript
复制
<a href="lx1.html">点击进入首页</a>

<a>标签的作用是____超链接点击 点击进入首页,从一个页面跳转到另一个页面_______,"lx1.html"使用的地址为:相对地址路径_。 . 24. <br>标签的作用是_____换行______。

25.<video>标签的作用是_____定义视频______,<audio>标签的作用是_____定义音频______。

26.在网页中添加图片使用的标签是_____<img>______。

27.<body>标签中设置网页背景颜色的属性是___bgcolor________。

28.WEB开发的核心技术是________HTML___、CSS_______、JavaScript_________。

29.在网页中添加链接应使用___<link>________标签。

30.为“友情链接”四个字添加链接,并且目标地址为“link.html”,设置目标窗口在父窗口打开的代码是_____________<a herf=”./link.html” target=”_self”>友情链接</a>_______。

31.在网页中添加视频或音频时,可以通过_____src______属性添加视频或音频的路径。