大学Web 前端开发基础（HTML/CSS/JavaScript）上册《HTML 基础》练习题

共 9 道沉淀题 · AI 对照课标原创 · 三重审校答案可核对

需要完整试卷（Web 前端开发基础（HTML/CSS/JavaScript）上册《HTML 基础》单元测试卷）？

按本单元考点 AI 生成整卷：正卷 + 答案页 + 逐题解析，PDF 精排 / Word 可编辑 / 打印装订寄到家。

生成完整试卷 →

本单元考点（5 个）

HTML文档基本结构常用文本与语义标签超链接与图片标签列表与表格标签HTML属性及路径解析

本单元练习题（9 题）

选择题 ★ 精品详情 →

1. 某页面要依次展示三项无序内容“草稿、审核中、已发布”，并用表格呈现每项的名称和状态。哪种标签组合最合适？ A. 用 <ul> 与 <table>　B. 用 <ol> 与 <table>　C. 用 <ul> 与 <div>　D. 用 <table> 与 <p>

登录查看答案

选择题 ★ 精品详情 →

2. 某文档位于 /dept/course/unit/page.html，且文档中没有 base 元素。链接的 href 属性值为 ../../shared/./docs/../start.html?mode=read#intro。浏览器解析该相对路径后得到的规范化路径、查询部分与片段组合是哪一项？ A. /dept/shared/start.html?mode=read#intro B. /dept/course/shared/start.html?mode=read#intro C. /shared/start.html?mode=read#intro D. /dept/shared/docs/start.html?mode=read#intro

登录查看答案

选择题 ★ 精品详情 →

3. 某项目的文档 news/2024/list.html 中包含一个 img 元素，其 src 属性写为 ../../assets/logo.png；随后开发者将该 img 元素所在标记整体（连同该 src 属性原样）复制到根目录下的 index.html 中使用。已知站点根目录下存在 assets/logo.png，且两个文档中均无 base 元素。问：src 属性值中的「../」所表示的含义，以及复制后在 index.html 中该图片实际请求的资源路径分别是什么？A. 「../」表示上一级目录；实际请求为 assets/logo.png　B. 「../」表示站点根目录；实际请求为 assets/logo.png　C. 「../」表示上一级目录；实际请求为 ../assets/logo.png　D. 「../」表示站点根目录；实际请求为 /assets/logo.png

登录查看答案

选择题 ★ 精品详情 →

4. 在新闻页面中，需要为以下内容选择语义标签：①网站主导航；②一篇可独立分发的新闻稿；③新闻稿的发布日期（要求机器可读）；④表示“重要警告”的短语；⑤从其他来源逐字摘录的较长引用。下列标签及属性组合完全符合 HTML5 语义化要求的是： A. ①nav　②article　③time 配合 datetime 属性　④strong　⑤blockquote 配合 cite 属性 B. ①nav　②section　③span 配合 data 属性　④em　⑤q 配合 cite 属性 C. ①div　②article　③time 配合 datetime 属性　④b　⑤blockquote 配合 cite 属性 D. ①nav　②article　③time 配合 datetime 属性　④strong　⑤q 配合 cite 属性

登录查看答案

选择题详情 →

5. 要使图片 `cover.jpg` 显示为带有“作品封面”替代文本的图片，并且点击图片后跳转到 `detail.html`，应选用哪段 HTML？ A. <a href="detail.html"><img src="cover.jpg" alt="作品封面"></a>　B. <img src="cover.jpg" alt="作品封面" href="detail.html">　C. <a src="detail.html"><img href="cover.jpg" alt="作品封面"></a>　D. <a href="cover.jpg"><img src="detail.html" alt="作品封面"></a>

登录查看答案

选择题详情 →

6. 在 HTML 中，要创建一个有序编号列表（如操作步骤 1、2、3），应使用的标签是哪一组？ A. <ul> 与 <li> B. <ol> 与 <li> C. <dl> 与 <dt> D. <table> 与 <tr>

登录查看答案

选择题详情 →

7. 在 HTML 中，要用表格展示两列数据，并在表头标明“项目”和“说明”，应选用哪组标签？ A. <table>、<tr>、<th>、<td>　B. <ul>、<li>、<th>、<td>　C. <table>、<ol>、<li>、<td>　D. <tr>、<ol>、<li>、<th>

登录查看答案

选择题详情 →

8. 以下哪一项是结构完整且层级正确的 HTML5 文档基本结构？ A. <!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>页面</title></head><body></body></html> B. <!DOCTYPE html><html lang="zh-CN"><body></body><head><title>页面</title></head></html> C. <!DOCTYPE html><html lang="zh-CN"><head></head><title>页面</title><body></body></html> D. <!DOCTYPE html><head><title>页面</title></head><body></body>

登录查看答案

选择题详情 →

9. 某同学书写了一个不完整的 HTML 文档片段：<!DOCTYPE html> 之后依次写了 <title>页面标题</title>、<h1>欢迎</h1> 两个标签，浏览器提示文档结构不合法。按 HTML 文档基本结构，在 <!DOCTYPE html> 之后应先写哪个标签才能使结构合法，且上述两个标签分别应嵌套于哪两个标签内？　A. 先写 <html>，<title> 放在 <head> 内、<h1> 放在 <body> 内　B. 先写 <head>，<title> 放在 <html> 内、<h1> 放在 <head> 内　C. 先写 <html>，两个标签均放在 <head> 内　D. 先写 <body>，<title> 放在 <body> 内、<h1> 放在 <head> 内

登录查看答案

Web 前端开发基础（HTML/CSS/JavaScript）其他单元练习题

CSS 基础（27题）CSS 布局与响应式（27题）JavaScript 语法基础（27题）DOM 操作与事件（27题）表单与数据验证（27题）面向对象与ES6+（27题）综合实战项目（27题）

题目由 AI 对照课标原创生成并经机审+人审，如发现质量问题可联系我们。