HTML上机期末考试题（含详细答案）_第1页
HTML上机期末考试题（含详细答案）_第2页
HTML上机期末考试题（含详细答案）_第3页
HTML上机期末考试题（含详细答案）_第4页
HTML上机期末考试题（含详细答案）_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML上机期末考试题（含详细答案）考试说明：1.本试卷为HTML上机实操考试，满分100分，考试时间90分钟；2.所有代码题目使用记事本、VSCode等编辑器编写，保存为规范后缀文件；3.代码要求格式规范、无语法错误，运行效果与题目要求一致；4.严禁复制粘贴网络代码，独立完成实操内容。一、单项选择题（每题3分，共10题，总计30分）1.HTML网页的标准后缀名是（）A..txtB..html/.htmC..cssD..js2.以下标签中，属于HTML页面根标签的是（）A.<head>B.<body>C.<html>D.<title>3.想要在网页中插入换行，且不产生段落间距的标签是（）A.<p>B.<br>C.<hr>D.<span>4.以下哪个标签用于定义网页标题，显示在浏览器标题栏（）A.<meta>B.<link>C.<title>D.<h1>5.给文字添加加粗效果的正确标签是（）A.<bold>B.<b>C.<stronger>D.<font>6.HTML中，插入图片的正确标签是（）A.<pic>B.<img>C.<image>D.<photo>7.超链接标签的核心属性，用于指定跳转地址的是（）A.srcB.hrefC.urlD.link8.以下标签中，属于块级元素的是（）A.<span>B.<a>C.<div>D.<b>9.网页中插入水平线的标签是（）A.<line>B.<hr>C.<tr>D.<td>10.表格中，用于定义单元格的标签是（）A.<table>B.<tr>C.<td>D.<th>二、填空题（每空2分，共10空，总计20分）1.HTML页面中，__________标签用于存放网页头部信息，__________标签用于存放网页可见内容。2.图片标签中，__________属性用于指定图片路径，__________属性用于设置图片加载失败时的提示文字。3.超链接标签__________用于创建网页跳转，空链接的书写格式为__________。4.表格中，__________定义表格行，__________定义表头单元格。5.标题标签一共有__________个等级，其中字号最大的是__________。三、简答题（每题5分，共2题，总计10分）1.简述HTML中块级元素和行内元素的核心区别。2.简述网页中相对路径和绝对路径的区别及使用场景。四、上机实操编程题（共2题，总计40分）题目1：基础静态网页制作（20分）要求：新建一个index.html文件，完成以下页面效果：1.网页标题设置为“我的个人主页”；2.页面居中显示一级标题：欢迎来到我的主页；3.添加一段段落文字：“热爱生活，热爱前端学习，坚持做好每一件小事。”；4.文字设置部分加粗：“坚持做好每一件小事”；5.页面添加一条水平线。题目2：图文表格综合页面（20分）要求：新建一个table.html文件，完成以下页面效果：1.网页标题设置为“学生信息表”；2.创建一个3行4列的表格，表格边框为1，居中对齐；3.表头内容依次为：学号、姓名、班级、特长；4.自行填写两行学生模拟信息；5.表格下方添加一个超链接，文字为“返回主页”，链接指向index.html。参考答案及详细解析一、单项选择题答案1.B解析：网页标准文件后缀为.html或.htm，.css是样式文件，.js是脚本文件，.txt是纯文本文件。2.C解析：<html>是整个网页的根标签，所有网页内容都需嵌套在该标签内。3.B解析：<br>为强制换行标签，无间距；<p>是段落标签，换行后有默认段落间距。4.C解析：<title>专门用于设置浏览器标题栏文字，<h1>是页面正文大标题。5.B解析：HTML中<b>和<strong>均可实现文字加粗，选项中仅有<b>为正确标签。6.B解析：图片插入唯一标准标签为<img>，无pic、image、photo等标签。7.B解析：href是超链接跳转地址属性，src是图片、视频等资源路径属性。8.C解析：<div>是典型块级元素，独占一行；span、a、b均为行内元素。9.B解析：<hr>为水平线标签，可快速在页面生成分割线。10.C解析：<td>是普通单元格，<th>是表头单元格，<tr>是表格行。二、填空题答案1.<head>、<body>2.src、alt3.<a>、href="#"4.<tr>、<th>5.6、<h1>三、简答题答案1.块级元素与行内元素核心区别：（1）换行特性：块级元素独占一行，默认自动换行；行内元素并排显示，不会自动换行；（2）宽高设置：块级元素可以设置宽度、高度、内外边距；行内元素无法直接设置宽高，仅可设置左右边距；（3）嵌套规则：块级元素可以嵌套行内元素和部分块级元素；行内元素只能嵌套文本或其他行内元素，不能嵌套块级元素。2.相对路径与绝对路径区别及场景：（1）相对路径：以当前网页文件所在文件夹为基准查找资源，路径写法简短，仅适用于本站资源；网站开发、本地网页制作首选相对路径，方便文件迁移；（2）绝对路径：以完整的磁盘地址或网络网址查找资源，路径固定；适合引用外网固定资源，本地文件使用绝对路径会导致迁移后资源失效，一般不推荐本地网页使用。四、上机实操题标准答案代码题目1：index.html完整代码html

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

<title>我的个人主页</title>

</head>

<body>

<h1align="center">欢迎来到我的主页</h1>

<hr>

<p>热爱生活，热爱前端学习，<b>坚持做好每一件小事</b>。</p>

</body>

</html>题目2：table.html完整代码html

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

<title>学生信息表</title>

</head>

<body>

<tableborder="1"align="center"cellpadding="5"cellspacing="0">

<tr>

<th>学号</th>

<th>姓名</th>

<th>班级</th>

<th>特长</th>

</tr>

<tralign="center">

<td>2026001</td>

<td>张三</td>

<td>前端1班</td>

<td>网页制作</td>

</tr>

<tralign="center">

<td>2026002</td>

<td>李四</td>

<td>前端1班</td>

<td>代码编写</td>

</tr>

</table>

<palign="center"><ahref="index.html">返回主页</a></p>

</body>

</html>实操题评分标准题目1（20分）1.完整HTML基础结构（doctype、html、h

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论