网页前端设计-作业一（HTML5）
1 .普通（2分）HTML5新增的格式标签有哪些？HTML5新增的格式标签如下：记号标签：可用于突出显示指定区域的文本内容，底色默认为黄色效果；进度标签：可用于显示任务的进度状态，可以配合JS使用以显示任务进度的动态进行效果；度量标签：可用于显示标量测量结果，通常用于显示磁盘的使用量、投票数据统计等。
参考教材：HTML5网页前端设计（第2版 ） 作者：周文洁
1 . 普通 （2分）HTML5新增的格式标签有哪些？
HTML5新增的格式标签如下： </p> <p> <br> </p> <p>记号标签<mark>：可用于突出显示指定区域的文本内容，底色默认为黄色效果； </p> <p> <br> </p> <p>进度标签<progress>：可用于显示任务的进度状态，可以配合JS使用以显示任务进度的动态进行效果； </p> <p> <br> </p> <p>度量标签<meter>：可用于显示标量测量结果，通常用于显示磁盘的使用量、投票数据统计等。
2 . 普通 （2分）HTML5中列表标签有哪些，它们之间有什么区别？
包括有序列表标签、无序列表标签和定义列表标签三种。 有序列表标签<ol>和</ol>用于定义带有编号的有序列表；无序列表标签<ul>和</ul>用于定义不带编号的无序列表；定义列表标签<dl>和</dl>是用于进行词条定义的特殊列表，每条表项需要结合词条标签<dt>和定义标签<dd>一起使用。
3 . 普通 （2分）HTML5有哪些新增的功能API，分别起什么作用？
常用的HTML5功能性API列举如下： 拖放：实现元素的拖放； 画布：实现2D和3D绘图效果； 音频和视频：实现自带控件播放音频和视频； 表单：新增一系列输入类型，例如电话号码、数字范围、email地址等； 地理定位：使用浏览器进行地理位置经纬度的定位； Web存储：实现本地持久化存储大量数据； Web Worker：实现线程效果
4 . 普通 （2分）HTML5有哪些新增的文档结构标签？ 它们分别有什么作用？
HTML5新增的文档结构标签如下： <header>页眉标签，可以用于定义整个网页文档或其中一节的标题； <nav>导航标签，可以用于定义导航菜单栏； <section>节标签，可以用于定义节段落； <article>文章标签，可以用于定义正文内容； <aside>侧栏标签，可以用于定义网页正文两侧的侧栏内容； <footer>页脚标签，可以用于定义整个网页文档或其中一节的页脚。
5 . 容易 （2分）HTML5文档的主体部分以___标签开始，以___标签结束。
<body>、</body>
6 . 容易 （2分）想在网页上显示CO2（二氧化碳）要如何做到？请填空。 <p>CO ___ 2 ___ </p>
<sub>、</sub>
7 . 容易 （2分）想在网页上显示X2（X的平方）要如何做到？请填空。 <p>X ___ 2 ___ </p>
<sup>、</sup>
8 . 容易 （2分）修订标签<del>的名称来源于英文单词___。
delete
9 . 容易 （2分）在网页中显示特殊符号空格,应使用___。（区分大小写）
10 . 容易 （2分）在网页中显示特殊符号“>"（大于符号）,应使用___。（区分大小写）
> [或者] &<62;
11 . 容易 （2分）图片标签<img>的src属性名称来源于英文单词___。
source
12 . 普通 （2分）超链接标签<a>的target属性值为_blank时表示从新窗口打开链接内容。
正确
13 . 普通 （2分）可以使用<br>或者 来表示换行。
错误
14 . 容易 （2分）使用<ol>有序列表显示一个三列内容，要求编号从数字2开始并且显示为罗马数字II、III、IV。请填空。（区分大小写） <ol start = "___" type = " ___" > 、<li>列表内容 <li>列表内容 <li>列表内容 </ol>
2、I
15 . 容易 （2分）使用<ul>无序列表显示一个三列内容，要求编号样式显示为方形。请填空。（区分大小写） <ul type = ___" > 、<li>列表内容 <li>列表内容 <li>列表内容 </ul>
square
16 . 普通 （2分）定义列表标签<dl>可以结合词条标签<dt>和定义标签<dd>一起使用。
正确
17 . 普通 （2分）表格标签<table>中<tr>标签用于表示一个单元格。
错误
18 . 普通 （2分）图像标签<img>的src属性值只能用图片来源的相对路径。
错误
19 . 普通 （2分）图标标签<img>的alt属性是必填属性。
错误
alt属性是可选属性，其作用是在无法找到图像时显示替代文本内容，可以省略不写。
20 . 普通 （2分）<span>和<div>都是块级元素。
错误
<span>是内联元素，该标签内容的前后是不会换行的。
21 . 普通 （2分）有序列表<ol>默认的起始数字是0。
错误
有序列表<ol>默认的起始数字是1。
22 . 普通 （2分）如果希望字体加粗，使用标签<b>或者<strong>都可以做到。
正确
23 . 普通 （2分）段落元素<p>所形成的段落之间会默认空2行进行分割。
错误
段落元素<p>所形成的段落之间会默认空1行进行分割，而不是空2行。
24 . 容易 （2分）如果希望在网页中内嵌其他网页内容，需要用到的标签是？（ ）。
A. <div>
B. <span>
C. <iframe>
D. <table>
框架标签<iframe>用于在网页的框架内定义子窗口，其src属性可以引用其它页面内容
25 . 容易 （2分）关于新增的HTML5文档结构标签，以下哪种说法是错误的？（ ）。
A. <header>是页眉标签，可以用于定义整个文档或某一节的标题。
B. <footer>是页脚标签，可以用于定义整个文档或某一节的页脚。
C. <nav>是导航标签，可以用于定义导航栏菜单。
D. <article>是侧栏标签，可以用于定义网页两侧的侧栏内容。
侧栏标签是<aside>，而<article>是文章标签用于定义正文内容。
26 . 容易 （2分）关于表格标题标签<caption>，以下哪种说法是错误的？（ ）。
A. 使用该标签添加的标题默认会出现在表格顶部。
B. 使用该标签添加的标题默认会出现在表格底部。
C. 使用该标签添加的标题默认会居中显示。
D. 不使用该标签也可以生成一个无标题的表格，不会报错。
表格标签<caption>用于为表格添加标题，默认为居中对齐并显示在表格顶部。该标签不是必须的，即使没有也可以生成一个不带标题的表格。
27 . 容易 （2分）以下哪个是新增记号标签？（ ）。
A. <mark>
B. <pregress>
C. <meter>
D. <aside>
记号标签<mark>用于突出显示指定区域的文本内容，可以为其添加黄色底色。
28 . 容易 （2分）以下哪个是新增进度标签？（ ）。
A. <mark>
B. <p><progress> </p>
C. <meter>
D. <aside>
进度标签<progress>用于显示任务的进度状态。
29 . 容易 （2分）以下哪个是新增度量标签？（ ）。
A. <p><mark> </p>
B. <p><progress> </p>
C. <meter>
D. <aside>
度量标签<meter>用于显示标量测量结果，通常用于显示磁盘使用量、投票数据统计等。
30 . 容易 （2分）以下哪一组不属于HTML5新增文档结构标签？（ ）。
A. <header>和<footer>
B. <nav>和<section>
C. <article>和<aside>
D. <head>和<body>
<head>和<body>在HTML旧版本来就有，其它三组属于新增文档结构标签。
31 . 容易 （2分）关于<span>标签的说法，哪个不正确？（ ）。
A. <span>是一个内联元素，即不会在前后放置换行符号，默认在同一行显示。
B. <span>一般用作文本容器。
C. <span>首尾标签括住的文本内容默认变为黄色背景。
D. <span>本身没有任何样式，需要配合CSS样式代码才会有样式效果。
<span>本身无样式，需要CSS代码配合。首尾标签括住的文本内容默认变为黄色背景的是<mark>标签，不是<span>。
32 . 容易 （2分）关于<div>标签的说法，哪个不正确？（ ）。
A. <div>是一个内联元素，即默认与其它<div>元素在同一行显示。
B. <div>来源于division的缩写，表示区域。
C. <div>是一个块级元素，即默认首尾放置一个换行符号。
D. 每一个<div>元素可以有一个独立的id值。
<div>是一个块级元素，即默认首尾放置一个换行符号，不是内联元素。
33 . 容易 （2分）以下哪些属于表格标签系列？（ ）。
A. <table>,<hr>和<td>
B. <table>,<tr>和<div>
C. <table>,<tr>和<td>
D. <table>,<br>和<th>
<table>,<tr>和<td>正确，分别表示表格、单元行和单元格。<hr>是水平线，<br>是换行符，<div>是容器标签，与表格无关。
34 . 容易 （2分）若想将有序列表的显示方式更换为英文小写字母a,b,c,d...的形式，以下哪个属性写法正确？（ ）。
A. type="EN"
B. type="en"
C. type="A"
D. type="a"
type="a" 正确，type="A"会显示为英文大写字母的形式。其它2个属性其实不存在，为干扰项。
35 . 容易 （2分）关于HTML中的列表元素，以下哪个标签表示的是无序列表？（ ）。
A. <ol>
B. <ul>
C. <li>
D. <list>
<ul> = unordered list(无序列表)。<list>是干扰项，目前无此标签。
36 . 容易 （2分）关于HTML中的列表元素，以下哪个标签表示的是有序列表？（ ）。
A. <ol>
B. <ul>
C. <li>
D. <list>
<ol> = ordered list(有序列表)。<list>是干扰项，目前无此标签。
37 . 容易 （2分）使用何种标签可以使得其内部的多次回车换行或多次空格可以正常显示？（ ）。
A. <p>
B. <div>
C. <pre>
D. <a>
预格式处理标签<pre>可以保留换行和空格的排版效果，若不使用该标签，多次空格和换行仅能被显示为一个空格和一次换行。
38 . 容易 （2分）以下哪个标签可以把文本显示为下标效果？（ ）。
A. <sub>
B. <sup>
C. <del>
D. <ins>
<sub>是下标标签，其首尾标签内部的文本可以变成下标效果。
39 . 容易 （2分）以下哪个标签可以把文本显示为上标效果？（ ）。
A. <sub>
B. <sup>
C. <del>
D. <ins>
<sup>是上标标签，其首尾标签内部的文本可以变成上标效果。
40 . 容易 （2分）以下哪个标签可以为文本添加删除线？（ ）。
A. <sub>
B. <sup>
C. <del>
D. <ins>
<del>是删除线标签，其首尾标签内部的文本会被显示一条水平贯穿线。
41 . 容易 （2分）以下哪个标签可以为文本添加下画线？（ ）。
A. <sub>
B. <sup>
C. <del>
D. <ins>
<ins>是下画线标签，其首尾标签内部的文本下方会显出下画线。
42 . 容易 （2分）以下哪个标签可以实现加粗字体的效果？（ ）。
A. <br>
B. <i>
C. <sub>
D. <strong>
<strong>和<b>都可以实现字体加粗效果。
43 . 容易 （2分）以下哪个标签可以实现斜体字效果？（ ）。
A. <br>
B. <i>
C. <b>
D. <strong>
斜体字标签<i>用于将其首尾标签之间的文本内容显示为斜体字型效果。
44 . 容易 （2分）关于换行标签<br>以下描述不正确的是？（ ）。
A. <br>相当于一次回车键所产生的换行效果。
B. 每出现一次<br>标签只能换一行。
C. 可以直接连续按多次回车键代替多个<br>标签。
D. 可以使用多个<br>标签显示多行连续换行效果。
回车键所产生的多个连续换行会被浏览器自动忽略，因此不可以用来代替多个<br>所产生的多行换行效果。
45 . 容易 （2分）水平线标签<hr>默认情况下是以下何种样式？（ ）。
A. 1像素粗细的白色实线
B. 1像素粗细的黑色实线
C. 2像素粗细的白色虚线
D. 2像素粗细的黑色虚线
<hr>默认情况是1像素宽的黑色实线。
46 . 容易 （2分）以下哪个标签显示出来的标题字体最大？（ ）。
A. <h1>
B. <h2>
C. <h4>
D. <h6>
<h1>-<h6>都是标题标签，其中<h1>所标记的字体最大，数字越大字体越小，<h6>标记的字体最小。
47 . 容易 （2分）如果在HTML文件中有<p>></p>，最终显示出来的是什么内容？（ ）。
A.>（原样显示）
B. >（大于符号）
C. <（小于符号）
D. （一个空格）
>不会显示出原本的样子，而是作为字符实体显示成>（大于符号）。类似情况还有<是<（小于符号）。
48 . 容易 （1分）以下哪个不属于图像文件的格式？（ ）。
A. GIF格式
B. JPEG格式
C. PDF格式
D. PNG格式
图像文件格式正确的有：GIF、JPEG以及PNG格式。 课外小知识：PDF（Portable Document Format的简称，意为“便携式文档格式”），是由Adobe Systems用于与应用程序、操作系统、硬件无关的方式进行文件交换所发展出的文件格式。
49 . 容易 （1分）关于HTML文件类型，以下哪种说法是正确的？（ ）。
A. HTML文件后缀名既可以是.html也可以是.htm结尾。
B. HTML文件后缀名只能是.html结尾。
C. HTML文件可以没有后缀名。
D. HTML文件后缀名是.txt。
HTML支持的常用文件后缀名是.html，早期DOS操作系统中不支持4位文件名，.htm也可以用来兼容此类系统，因此两者皆可使用。
50 . 容易 （1分）在HTML中如何对元素标签以及其内部的内容（选项中用…表示）进行注释？（ ）。
A. /*…*/
B. //…
C. <!--…-->
D. “…”
使用<!--开头、-->结尾来进行HTML文档注释，可以是单行也可以是多行。
51 . 容易 （1分）在HTML中使用哪个标签可以引用脚本内容？（ ）。
A. <title>
B. <base>
C. <style>
D. <script>
使用<script>标签可以引用外部脚本内容，也可以直接将脚本命令写在该标签的首尾标签之间。
52 . 容易 （1分）在HTML中使用哪个标签定义样式信息，例如字体风格、背景颜色、文本对齐方式等？（ ）。
A. <script>
B. <base>
C. <style>
D. <meta>
使用<style>标签可以定义指定区域的风格样式，又称为内部样式表。
53 . 容易 （1分）在HTML中使用哪个标签显示网页标题？（ ）。
A. <title>
B. <link>
C. <script>
D. <meta>
使用<title>标签可以标记网页标题，如果省略该标签则会显示“无标题文档”。
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
4
0- 0
已为社区贡献2条内容
所有评论(0)