这篇博客详细介绍了Web前端开发的基本概念和技术，包括HTML、CSS、JavaScript的基础知识和使用，如HTML标签、CSS样式、JavaScript语法以及jQuery的运用。内容涵盖了网页结构、样式、行为的分离，以及DOM操作和BOM的使用。此外，还提到了HTML5的新特性，如新的标签、视频播放支持等。整篇文章适合初学者系统学习前端开发。
第一章节 概论
Web前端开发概述
1.web系统前端是指系统中用户接触到的部分。A
A.√
B.×
2.web系统后端主要负责完成系统功能，包括数据存取、系统安全等。A
A.√
B.×
https://www.cnblogs.com/zmwy/p/11421849.html这个网址讲述web前、后端的区别。
3.网页对应着的源文件包含一些代码，而浏览器可以解析这些代码，呈现出来。A
A.√
B.×
网站与网页
1.以下关于浏览器的描述错误的是（B）
A.主流的浏览器有Chrome,Firefox,IE等。
B.不同浏览器厂商的浏览器，一定有不同的内核。
C.不同版本的浏览器差别可能很大，对Web技术的支持度也会不同。
D.Chrome浏览器可以在进行web前端开发时，用于调试和测试。
2.以下哪一项是一个HTML元素（B）
A.<title>
B.
<title>欢迎来到课程首页</title>
C.<title></title>
D.</title>
3.只有文字可以进行超链接的设置，而图片不可以。B
A.√
B.×
4.网页的导航栏是超链接的集合，可以由此进入不同版块或页面。A
A.√
B.×
5.网站中的网页是逻辑相关的，可以通过超链接的方式被组织在一起。A
A.√
B.×
Web前段开发技术
1.以下说法错误的是（ B）。
A.HTML与CSS配合使用，是为了内容与样式分离。
B.如果只使用HTML而不使用CSS，网页是不可能有样式的。
C.JavaScript可以嵌入在HTML语言中，作为网页源文件的一部分存在。
D.CSS表示层叠样式表，可以添加页面的样式，规定网页的布局。
2.关于内容、结构和表现说法正确的是（ABD ）。
A.内容是页面传达信息的基础
B.表现使得内容的传达变得更加明晰和方便
C.结构就是对内容的交互及操作效果
D.内容就是网页实际要传达的信息，包括文本、图片、音乐、视频、数据、文档等
3.关于 web 标准以下说法正确的是（ ACD)。
A.Web 标准是一个复杂的概念集合，它由一系列标准组成
B.这些标准全部都由 W3C 起草与发布
C.Web 标准可以分为 3 个方面
D.Web 标准里的表现标准语言主要包括 CSS
由此可见，B是错的。
4.HTML是超文本标记语言，是制作网页的标准语言。A
A.√
B.×
5.CSS负责网页的结构，JavaScript负责网页的行为，也就是跟用户的一些交互。B
A.√
B.×
【解析】html负责网页结构，CSS负责网页美观，JavaScript负责用户与浏览器交互。
6.w3c组织制定关于web技术的一些标准，例如HTML、CSS、JS等。A
A.√
B.×
第二章节 HTML基础
HTML概述
1.网页是由HTML语言来实现的，HTML语言是（ D）。
A.大型数据库
B.网页源文件中出现的唯一一种语言
C.网络通信协议
D.超文本标记语言
2.HTML文档中的元素分为( A )两部分。
A.内容文本、标签
B.文本、多媒体元素
C.超文本、多媒体元素
D.标签、框架
3.以下关于HTML标签叙述错误的是(D)
A.可以单独出现，也可以成对出现
B.必须正确嵌套
C.标签可以带有属性，属性的顺序无关
D.标签和其属性构成了HTML元素
【解析】HTML文档中的元素分为文本内容、标签两部分。
4.HTML的标签一定是成对出现的，否则无法完成嵌套关系。B
A.√
B.×
5.HTML不区分大小写。A
A.√
B.×
6.所有HTML标签都有开始标签和结束标签构成。B
A.√
B.×
HTML文件结构
1.关于HTML说法错误的是（A）。
A.HTML标签的嵌套结构可以描述成一个网状结构
B.在＜title＞和＜/title＞标签之间的是标题信息
C.HTML是大小写无关的，＜b＞跟＜B＞表示的意思是一样的
D.标签表示网页元数据，是提供给浏览器和搜索引擎的关于网页的描述性数据
2.下面语句中，（B）将HTML页面的标题设置为“HTML练习”
A.<head> HTML练习</head>
B.<title> HTML练习</title>
C.<body> HTML练习</body>
D.<html> HTML练习</html>
3.字符与编码说法错误的是（ D）。
A.字符集是字符的集合
B.字符集通常与某种语言文字相关
C.编码可以完成字符的唯一的映射
D.编码方式有很多种，ASCII编码包含了所有语言文字中出现的字符
https://blog.csdn.net/gs_008/article/details/50937772这个网址介绍常见的几种字符编码方式（ASCLL也包含其中）
4.为了标识一个 HTML 文件，应该使用的标签（D）。
A.<style></style>
B.<body></body>
C.<head></head>
D.<html></html>
5.以下不是<!DOCTYPE>元素作用的是（ BCD）。
A.该元素用来定义文档类型
B.该元素用来声明命名空间
C.该元素用来向搜索引擎声明网站关键字
D.该元素用来向搜索引擎声明网站作者
【解析】DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
https://www.cnblogs.com/alwaysblog/p/5822834.html这个网址你可以了解<!DOCTYPE>元素作用。
6.Unicode编码与UTF-8编码都涵盖了所有语言文字A
A.√
B.×
通过https://blog.csdn.net/Deft_MKJing/article/details/79460485这个网址，可以了解到Unicode编码与UTF-8编码都涵盖了所有语言文字。
7.网页源文件本身的编码方式与浏览器解读的编码方式如果不同，就会出现乱码。A
A.√
B.×
HTML标签1
1.表示水平分割线线的HTML代码是 (A)
A.<hr />
B.<br />
C.<tr />
D.<hr> </hr>
2.下面标记中，（ C）在标记的位置添加一个回车符。
A.<h1>
B.<enter>
C.<br />
D.<hr />
3.创建最小的标题的文本标签是( C)
A.<pre></pre>
B.<h1></h1>
C.<h6></h6>
D.<b></b>
【解析】HTML中提供了六级标题，为<h1>至<h6>。其中<h1>字体最大，<h6>字体最小。
4.在HTML中，标记<pre>的作用是( B)。
A.标题标签
B.预排版标签
C.换行标签
D.文字效果标签
5.默认情况下，h1标签的文字字号，要远小于h6标签。B
A.√
B.×
【解析】HTML中提供了六级标题，为<h1>至<h6>。其中<h1>字体最大，<h6>字体最小。
6.HTML的注释语句格式为：/* */。B
A.√
B.×
【解析】HTML注释的格式为：<!-- 注释内容--> <!-- 多行注释内容-->
HTML标签2
1.超链接基本语法是(D)
A.<a goto="URL"> ... </a>
B.<a herf="URL"> ... </a>
C.<a link="URL"> ... </a>
D.<a href="URL"> ... </a>
2.超文本标记语言<a href=“https://www．cctv．com”>央视国际</a>的作用是(D)
A.插入一段央视国际网站的文字
B.插入一幅央视国际网站的图片
C.创建一个指向央视国际网站的电子邮件
D.创建一个指向央视国际网站的超链接
3.以下说法正确的是(D)
A.<a>标签是页面链接标签，只能用来链接到其他页面
B.<a>标签是页面链接标签，只能用来链接到本页面的其他位置
C.<a>标签的src属性用于指定要链接的地址
D.<a>标签的href属性用于指定要链接的地址
4.a标签可以跳转到外部站点的页面，例如跳转到新浪网首页，可以写如下代码：B
<a href="www.sina.com.cn">新浪首页</a>
A.√
B.×
【解析】代码应该是
<a href="https://www.sina.com.cn/">新浪首页</a>
HTML标签3
1.有关网页中的图像的说法不正确的是( C)
A.网页中的图像并不与网页保存在同一个文件中，每个图像单独保存
B.HTML语言可以描述图像的位置等属性
C.HTML语言可以直接描述图像上的像素
D.图像可以作为超级链接的起始对象
2.假如要将图片文件asrlogo.jpg插入页面，并为该图片、设置提示文字为”ASR Outfitters Logo”.下面语句正确的是(B)
A.＜omg scr="asrlogo.jpg"＞ASR Outfitters Logo＜/omg＞
B.＜img src="asrlogo.jpg" alt="ASR Outfitters Logo"＞
C.＜img src="asrlogo.jpg"＞alt="ASR Outfitters Logo"
D.
＜omg url="asrlogo.jpg" alt="ASR Outfitters Logo"＞
3.如果图片不能正常显示，错误的原因可能是(A)
A.引用图片的路径不对
B.该图片太模糊
C.图片太大
D.图片太小
4.在网页中添加一个图片的HTML代码是(B)
A.<bgcolor=″#FFFFFF″>
B.<img src=″图片路径及文件名″>
C.<a herf=″链接页面路径及文件名″><img src=″图片路径及文件名″></a>
D.<title>图片</title>
5.若要在页面中创建一个图形超链接，要显示的图形为 myhome.jpg,所链接的地址为https://www.pcnetedu.com,以下用法中，正确的是(B)
A.<a href=”https://www.pcnetedu.com”>myhome.jpg</a>
B.<a href=” https://www.pcnetedu.com”><img src=”myhome.jpg”></a>
C.<img src=”myhome.jpg”><a href =”https://www.pcnetedu.com”></a>
D.
<a href =http://www.pcneredu.com><img src=”myhome.jpg”>
6.以下说法中，错误的是(B)
A.GIF格式的图象采用无损压缩算法进行图象压缩
B.只有GIF格式才能使用透明色
C.GIF格式支持动画
D.GIF格式支持背景色透明
HTML标签4
1.无序列表的HTML代码是（B）
A.<li><ui>...</li></ul>
B.<ul><li>...</li></ul>
C.<ol><li>...</li></ol>
D. <li><ol>...</li></ol>
2.设置围绕表格的边框宽度的HTML代码是(B)
A.<table size="">
B.<table border="">
C.<table bordersize="">
D.<tableborder="">
3.定义表行的HTML是(D)
A.<table>
B.<td>
C.<th>
D.<tr>
4.定义表头的HTML是(D)
A.<table>
B.<td>
C.<tr>
D.<th>
5.表示区域的标签是( C)
A.table
B.ol
C.div
D.ul
HTML标签5
1.在HTML中,<form action=?>,action表示( C)
A.提交的方式
B.表单所用的脚本语言
C.提交的URL地址
D.表单的形式
2.增加表单的输入框的HTML代码是( C)
A.<input type=submit>
B.<input type=image>
C.<input type=text>
D.<input type=hide>
3.增加表单的复选框的HTML代码是(D)
A.<input type=submit>
B.<input type=reset>
C.<input type=text>
D.<input type=checkbox>
最低0.47元/天 解锁文章
216
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
