Web题目汇总

一、单选题

1. HTML 文档的基本结构不包括以下哪个部分？（）
A. <style>
B. <html>
C. <!DOCTYPE html>
D. <body>

2. 下列哪个标签用于定义 HTML 文档的元信息？（）
A. <meta>
B. <head>
C. <title>
D. <info>

3. 下列哪个属性用于设置图片的路径？（）
A. src
B. alt
C. href
D. link

4. 下面关于 HTML 的说法错误的是（）。
A. HTML 是一种标记语言
B. HTML 可以控制页面和内容的外观
C. HTML 文档总是静态的
D. HTML 文档是超文本文档

5. 关于 Web 标准，以下说法正确的是（）。
A. Web 标准只包括 HTML 标准
B. Web 标准是由浏览器的各大厂商联合制定的
C. Web 标准特指某一个标准
D. Web 标准主要包括结构标准、表现标准和行为标准 3 个方面

6. 哪个属性用于指定图像无法显示时的替代文本？（）
A. title
B. src
C. alt
D. href

7. 如何在新窗口中打开链接？（）
A. <a href="#" new>
B. <a href="#" target="_blank">
C. <a href="#" target="_self"></a>
D. <a href="#" target="_blank"></a>

8. 使用 HTML 标记能够实现下列哪种功能？（）
A. 美化页面
B. 完成页面元素的添加
C. 设计页面特效
D. 上述功能都无法实现

9. 为确保网页上的视频能在不同浏览器（如 Chrome、Firefox）中都能播放，最好怎么做？（）
A. 只使用一种最清晰的视频格式，比如 MP4
B. 使用 <video> 标签，并在其中提供多个不同格式的 <source> 子标签
C. 告诉用户必须使用 Chrome 浏览器访问网页
D. 不使用 <video> 标签，改为插入 GIF 动图

10. 下列哪个标签用于定义 HTML 文档的标题？（）
A. <title>
B. <head>
C. <meta>
D. <header>

11. 以下哪个属性用于指定视频文件在网页加载时是否自动播放？（）
A. controls
B. loop
C. autoplay
D. muted

12. 许多搜索引擎都会根据网页的（）标记提供的信息进行搜索。
A. head
B. link
C. meta
D. ul

13. 为了标识一个 HTML 文档的开始与结束，应该使用的 HTML 标记是（）。
A. <p> 与 </p>
B. <body> 与 </body>
C. <html> 与 </html>
D. <table> 与 </table>

14. 下列哪个标签属于行内标签？（）
A. <p>
B. <span>
C. <h1>
D. <hr>

15. 在 HTML5 中，哪个属性可以让网页显示视频播放的控制条（如播放/暂停按钮）？（）
A. autoplay
B. controls
C. loop
D. muted

16. 下列标记中属于行内标记的是（）。
A. <p>
B. <div>
C. <img>
D. <table>

二、判断题

17. HTML 标签中，<span> 默认占据整行。（）
A. 对
B. 错

18. 在设置页面元数据信息时，设定作者的关键字为 author。（）
A. 对
B. 错

19. 在标题字标签中，<h1> 的文字字号比 <h2> 的大。（）
A. 对
B. 错

20. Web 标准主要包括内容标准、表现标准和行为标准 3 个方面。（）
A. 对
B. 错

21. img 标签有文字提示特性的属性是 title 和 alt。（）
A. 对
B. 错

22. <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。（）
A. 对
B. 错

23. “../” 是返回当前目录的下一级目录。（）
A. 对
B. 错

24. 在 HTML 中，<style></style> 不属于 HTML 文档的基本组成部分。（）
A. 对
B. 错

25. 同一个 HTML 文件，在不同浏览器中渲染的效果是一模一样的。（）
A. 对
B. 错

好，直接按文档里的正确答案给你汇总，只给答案，不解释、不废话👇

一、单选题答案

二、判断题答案

一、单选题（共 30 题）

1.

以下 HTML 代码中，哪个是正确定义内嵌样式表的方法（）。

A. <style>...</style>
B. <style type="text/css">...</style>
C. <stylesheet>mystyle.css</stylesheet>
D. <link rel="stylesheet" type="text/css" />

2.

链接到外部样式表应该使用的标记是（）。

A. <link>
B. <style>
C. <object>
D. <head>

3.

关于 CSS 选择器的优先级，从高到低排列正确的是（）。

A. 内联样式 > ID 选择器 > 类选择器 > 标签选择器
B. ID 选择器 > 内联样式 > 类选择器 > 标签选择器
C. !important > 内联样式 > ID 选择器 > 类选择器
D. !important > ID 选择器 > 类选择器 > 内联样式

4.

在 CSS 中，想要选中所有包含 class="highlight" 的元素并设置黄色背景，应该使用（）选择器？

A. #highlight { background-color: yellow; }
B. .highlight { background-color: yellow; }
C. highlight { background-color: yellow; }
D. *highlight { background-color: yellow; }

5.

flex-grow 的作用是（）。

A. 弹性盒子元素对齐方式
B. 弹性盒子元素的排列方式
C. 弹性盒子元素显示次序
D. 弹性盒子元素如何分配剩余空间

6.

在 CSS 中，（）属性用于为文本添加下划线？

A. text-line
B. underline
C. text-decoration
D. line-style

7.

以下（）CSS 属性用于清除浮动（即清除之前使用 float 属性的元素对后续布局的影响）？

A. display
B. overflow
C. clear
D. float

8.

只想要选中 <div> 元素内部的所有 <p> 元素（不包含其他地方的 <p>），应该使用哪个选择器？（）

A. div, p {}
B. div > p {}
C. div p {}
D. div + p {}

9.

下面说法错误的是（）。

A. CSS 可以将格式和内容分离
B. CSS 可以控制页面的布局
C. 一个 CSS 文件只能在一个页面中起作用
D. 一个 CSS 文件可以在多个页面中引用

10.

关于 CSS 盒模型，下列说法正确的是（）。

A. margin、border、padding 都不计入元素的实际宽度
B. 设置 box-sizing: border-box 后，元素的宽度包含 content、padding 和 border
C. padding 是元素边框外的距离
D. margin 可以是负值，但 padding 不能是负值

11.

创建一个链接，点击后跳转到同一网站内的 about.html 页面，应该使用（）代码？

A. <a src="about.html">关于我们</a>
B. <a link="about.html">关于我们</a>
C. <a href="about.html">关于我们</a>
D. <a url="about.html">关于我们</a>

12.

用 CSS Grid 创建一个 2 行 3 列的网格布局，应该使用（）属性？

A. grid-template: 2 / 3;
B. grid-rows: 2; grid-columns: 3;
C. grid-template-rows: 2; grid-template-columns: 3;
D. grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(3, 1fr);

13.

以下 HTML 代码中，哪个是正确定义内嵌样式表的方法（）？

A. <style type="text/css">...</style>
B. <style>...</style>
C. <stylesheet>mystyle.css</stylesheet>
D. <link rel="stylesheet" type="text/css" />

14.

在 CSS 盒模型中，一个元素的完整宽度由以下哪部分组成？（）

A. 内容的宽度
B. 内容宽度 + 左右 padding
C. 内容宽度 + 左右 padding + 左右 border
D. 内容宽度 + 左右 padding + 左右 border + 左右 margin

15.

如果希望网格布局中的组件可以占据多个单元，则不可以使用的属性是（）。

A. grid-template
B. grid-column
C. grid-row-start
D. grid-row-end

16.

想要让链接在鼠标悬停时变成红色，应该使用（）选择器？

A. a:visited
B. a:hover
C. a:active
D. a:link

17.

下面不属于边框样式属性的是（）。

A. width
B. color
C. style
D. position

18.

设置主轴方向的弹性盒子元素的对齐方式可以使用（）属性实现。

A. align-content
B. justify-content
C. align-self
D. align-items

19.

在 HTML 中，（）列表元素最适合用于展示词汇表（每个术语后面跟着它的定义）？

A. <ul>
B. <ol>
C. <dl>
D. <div>

20.

要让弹性盒子中的所有子元素在容器中水平居中显示，应该使用（）属性？

A. align-items: center
B. justify-content: center
C. flex-direction: center
D. flex-wrap: center

21.

下列对盒模型描述不正确的是（）。

A. 盒子由边界、边框、填充和内容区域组成
B. 填充、边框、边界、内容区域都分上下左右
C. width 和 height 定义的是内容区域大小
D. 盒子宽度是内容 + padding + border + margin

22.

以下哪项不是浮动引起的问题（）。

A. 父元素高度无法被撑开
B. 同级文本跟随浮动元素显示
C. 同级非浮动元素被覆盖
D. 父元素设置固定高度但无法完全显示子元素

23.

关于伪对象选择器，以下说法错误的是（）。

A. 伪对象是 CSS 已定义好的
B. 不能选择完整对象
C. 伪类选择器和伪对象选择器是相同的
D. div::after 表示在 div 后插入内容

24.

在版心的使用过程中经常采用如下形式。<div class="header main"> 具体内容 </div>
该语句使用了（）。

A. 类选择器的复合应用
B. 群组选择器
C. 兄弟选择器
D. 附加选择器

25.

（）更适合作为页面布局中的容器。

A. <p>
B. <form>
C. <div>
D. <span>

26.

不会脱离标准文档流的定位方式是（）。

A. 绝对定位
B. 相对定位
C. 浮动定位
D. 静态定位

27.

若要设置图片与同一行文本之间的对齐关系，需要使用的样式属性是（）。

A. text-align
B. target
C. width
D. vertical-align

28.

在列表中，对列表符号的位置进行设置的 CSS 属性是（）。

A. list-style-type
B. list-style-image
C. list-style-position
D. list—style-show

29.

想要实现鼠标悬停在图片上时图片放大 1.2 倍，主要使用（）技术？

A. HTML <animate>
B. CSS transform
C. JavaScript setInterval
D. HTML <zoom>

30.

以下哪个 CSS 属性用于定义网格中的行数和列数？（）

A. grid-rows / grid-columns
B. grid-template-rows / grid-template-columns
C. row-count / column-count
D. grid-size

二、判断题（共 20 题）

display:inline 会使元素表现为块级元素特性。（）
<span> 默认占据整行。（）
<div> 是块级元素，默认占据整行。（）
使用 float:left 后，后面的元素会环绕它。（）
<div> 默认带有 margin 和 padding。（）
height:100% 会使 div 自动占满整个屏幕高度。（）
box-sizing:border-box 表示宽度包含 content、padding、border。（）
一个 CSS 文件只能在一个页面中起作用。（）
position: relative 会使元素脱离文档流。（）
padding-left 设置的是内容与右边框的距离。（）
<a> 标签只能链接到本页面位置。（）
text-align:center 可以让 div 水平居中。（）
margin-left 是设置左填充。（）
clear:both 可以清除左右浮动。（）
margin 是内容与边框之间的距离。（）
<a> 标签用 src 指定链接地址。（）
border:1px solid red 可同时设置宽度、样式、颜色。（）
z-index 对所有非 static 定位元素有效。（）
margin:0 auto 可使块级元素水平居中。（）
width:100% 会使 div 正好占满父容器宽度。（）

一、单选题（1–30）

 1. B    2. A    3. C    4. B    5. D
 6. C    7. C    8. C    9. C   10. B
11. C   12. D   13. A   14. C   15. A
16. B   17. D   18. B   19. C   20. B
21. B   22. D   23. C   24. A   25. C
26. D   27. D   28. C   29. B   30. B

二、判断题（31–50）

31. ×   32. ×   33. √   34. √   35. ×
36. ×   37. √   38. ×   39. ×   40. ×
41. ×   42. ×   43. ×   44. √   45. ×
46. ×   47. √   48. √   49. √   50. √

一、单选题（共 11 题）

1.

要设计跨行表格，可以为表格中的 td 标记添加（）。

A. tablespan
B. rowspan
C. colspan
D. span

2.

在 HTML 中，哪个表单元素最适合用于让用户从多个选项中选择一个答案？（）

A. <input type="text">
B. <textarea>
C. <input type="radio">
D. <input type="checkbox">

3.

想要让表单中的姓名字段必须填写，应该使用哪个属性？（）

A. required="true"
B. validate="required"
C. required
D. mustfill

4.

想要验证用户输入的是有效的电子邮件格式，应该使用哪个属性？（）

A. type="email"
B. pattern="email"
C. validate="email"
D. format="email"

5.

想要验证用户输入的是 6 位数字（如验证码），应该使用哪个属性？（）

A. type="number"
B. length="6"
C. pattern="[0-9]{6}"
D. validate="digits"

6.

哪一个标记用于使 HTML 文档中表格里的单元格在同行进行合并（）。

A. cellspacing
B. cellpadding
C. rowspan
D. colspan

7.

input 标签的值是用哪个属性来描述的（）。

A. type
B. disabled
C. id
D. value

8.

在 HTML5 中，哪个属性用于规定输入字段是必填的？（）

A. readonly
B. required
C. validate
D. placeholder

9.

创建表格的表头（通常显示为粗体居中），应该使用哪个标签？（）

A. <td class="header">
B. <thead>
C. <th>
D. <header>

10.

placeholder 的作用是（）。

A. 为文本框设置对齐样式
B. 为文本框设置默认提示文字
C. 为文本框设置默认值
D. 以上说法都不正确

11.

在 HTML 中，哪个表单元素最适合用于让用户输入多行文本？（）

A. <input type="text">
B. <textarea>
C. <input type="textarea">
D. <text>

二、判断题（共 9 题）

12.

在 HTML 的 table 中，有多少对 <td> 标签，就有多少行。（）

A. 对
B. 错

13.

在 HTML 中，表格必须由 <table> 标签、<tr> 标签、<td> 标签组成，缺一不可。（）

A. 对
B. 错

14.

表格中的单元格的跨列可以使用 CSS 来控制。（）

A. 对
B. 错

15.

在 HTML 中，input 标签用于在网页中创建表单。（）

A. 对
B. 错

16.

div::after 是指在每个 <div> 元素之后插入内容。（）

A. 对
B. 错

17.

表格中的单元格的尺寸可以使用 CSS 来控制。（）

A. 对
B. 错

18.

input[type="text"]:focus { box-shadow: 2px 2px 2px blue; }
可以实现当文本框获得焦点时添加盒阴影效果。（）

A. 对
B. 错

19.

在 HTML 中，<input type="text"> 和 <textarea> 元素都可以用于创建多行文本输入框。（）

A. 对
B. 错

20.

HTML 中的表格边框可以使用 CSS 来控制。（）

A. 对
B. 错

一、单选题

二、判断题

B
B
A
B
B
A
A
A
B
10.A

1.

实现网页上的实时时钟，显示当前时间（每秒更新一次），应该使用哪个 JavaScript 方法？（）

A. setTimeout()
B. setInterval()
C. Date().update()
D. clock()

2.

如何编写当 i 等于 5 时执行某些语句的条件语句？（）

A. if(i==5){语句}

B. if i=5 then {语句}
C. if i=5 {语句}
D. if i==5 then {语句}

3.

如何在 JavaScript 中向控制台输出 "Hello World"？（）

A. console.print(“Hello World”)
B. print(“Hello World”)
C. console.log(“Hello World”)
D. echo “Hello World”

4.

插入 JS 的正确位置是（）。

A. <body> 部分
B. <head> 部分
C. <body> 部分和 <head> 部分均可
D. <head> 前面

5.

script 标记写在 head 标记中和写在页面的底部有何不同？（）

A. 写在顶部和写在底部没有区别
B. 写在顶部表示 HTML 执行完毕，再执行 script 代码
C. 写在页面的底部表示 HTML 执行完毕，再执行 script 代码
D. 以上都不对

6.

在 HTML 页面中，CSS 的样式属性名为 background-image 对应的 style 对象的属性名是（）。

A. background-image
B. backgroundImage
C. image
D. background

7.

当用户点击页面元素时，会触发哪个事件？（）

A. onmouseover
B. onclick
C. onchange
D. onload

8.

将删除指定元素的子节点，并返回被删除的节点对象，使用哪个方法（）。

A. insertBefore 方法
B. cloneNode 方法
C. appendChild 方法
D. removeChild 方法

9.

在 JavaScript 中，获取今天是星期几的方法是（）。

A. new Date().getDate()
B. new Date().getTime()
C. new Date().getDay()
D. new Date().getFullYear()

10.

关于 JavaScript 事件说法正确的是（）。

A. 事件由事件函数、事件源、事件对象组成
B. 当前事件作用在哪个标签上，哪个标签就是事件源
C. onclick 就是一个事件对象
D. 图片切换使用 JavaScript 的 change 事件

11.

以下哪个是正确的事件处理写法？（）

A. <button click="alert('Hello')">点击</button>
B. <button onclick="alert('Hello')">点击</button>
C. <button on-click="alert('Hello')">点击</button>
D. <button event="click:alert('Hello')">点击</button>

12.

下面代码的打印结果是（）：

for (var i = 0; i <= 30; i += 5) {
    if (i % 3 == 0) {
        continue;
    }
    console.log(i);
}

A. 5,10,15,20,25,30
B. 5,10,20,25
C. 5,15,25
D. 5,15

13.

引用名为 “xxx.js” 的外部脚本的正确语法是（）。

A. <script src="xxx.js">
B. <script href="xxx.js">
C. <script name="xxx.js">
D. <script="/xxx.js">

14.

如何创建函数 myFunction？（）

A. function:myFunction(){
B. function myFunction(){
C. function=myFunction(){
D. myFunction()}

15.

定义 JS 数组的正确方法是（）。

A. var txt = new Array=”tim”,”kim”,”jim”
B. var txt = newArray(1:”tim”,2:”kim”,3:”jim”)
C. var txt = new Array(“tim”,”kim”,”jim”)
D. var bk = newArray: (“turn”,”kinn”,”jinn”)

16.

下列表达式成立的是（）。

A. parseInt(12.5) == parseFloat(12.5)
B. Number(“123abc”) == parseFloat(“123abc”)
C. isNaN(“abc”) == NaN
D. typeof NaN == “number”

17.

下列选项中，（）不是网页中的事件。

A. onclick
B. onmouseover
C. onsubmit
D. onpressbutton

18.

下列选项中，（）不是网页中的事件。

A. onclick
B. Onmouseover
C. onsubmit
D. onpressbutton

19.

阅读下面的 JavaScript 代码，输出结果是（）：

function f(y) {
    var x = y * y;
    return x;
}

for (x = 0; x < 5; x++) {
    y = f(x);
    document.write(y);
}

A. 0 1 2 3 4
B. 0 1 4 9 16
C. 0 1 4 9 16 25
D. 以上答案都不对

20.

下面哪些不是 JavaScript 中 document 的方法？（）

A. getElementById
B. getElementsById
C. getElementsByTagName
D. getElementsByClassName