网页前端设计-作业一（HTML5）

参考教材：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>标签可以标记网页标题，如果省略该标签则会显示“无标题文档”。

网页前端设计-作业一（HTML5）相关推荐

网页前端设计-作业四（HTML5）
参考教材:HTML5网页前端设计(第2版 ) 作者:周文洁 1. 普通 (2分)如何使用HTML5表单新增pattern属性限制用户只允许输入6位阿拉伯数字? 关于正则表达式有多种用法,这里选择其中 ...
网页前端设计-作业三(JavaScript)
参考教材:HTML5网页前端设计(第2版 ) 作者:周文洁 1 . 普通 (2分)如何使用JavaScript对浮点数进行四舍五入获取最接近的整数值? 使用Math.round()方法. 2 . 普 ...
网页前端设计-作业二（CSS）
参考教材:HTML5网页前端设计(第2版 ) 作者:周文洁 1 . 普通 (4分)元素可以向哪些方向进行浮动?如何清除浮动效果? 在CSS中float属性可以用于令元素向左或向右浮动.常用clear ...
网页前端设计-作业六（CSS3）
参考教材:HTML5网页前端设计(第2版 ) 作者:周文洁 1 . 普通 (3分)CSS3的Transition动画中使用何种属性可以设置渐变的持续时间? 在CSS3中transition-dura ...
web前端网页设计作业_网页前端设计快速入门技巧
我最近收到部分在校学生的邮件,很多在临近毕业实习这段时间,面临着找工作,表示压力非常大,也不知道如何去选择,大多数都是处于迷茫期,问我怎么办?也有想学前端的,问我怎么才能够快速的入门? 先说我自己吧, ...
HTML5前端页面设计,HTML5网页前端设计
HTML5网页前端设计编辑锁定讨论上传视频 <HTML5网页前端设计>是2017年6月清华大学出版社出版的图书,作者是周文洁. 书名 HTML5网页前端设计作者 ...
html5网页前端设计当当,HTML5网页前端设计实战
本书是一本从零开始学习的Web前端开发教材,无需额外的基础.本书以项目驱动为宗旨,详细介绍了HTML5.CSS3与JavaScript的基础知识与使用技巧.本书包含例题228个,均在浏览器中调试通过. ...
web前端网页设计作业_如何学习网页前端设计培训？
学习网页的前端设计分为几个步骤或者说几个网页设计教程大类. 一个是熟练掌握各种网页设计需要的操作软件,然后就是WEB界面设计与项目设计,最后还有WEB整站设计实训. 如何学习网页的前端设计呢? 许多零 ...
html and css3 实现分屏设计-网页前端设计 id1086
html and css3 实现分屏设计-网页前端设计 id1086 源码下载地址在新演示地址 <!DOCTYPE html> <html lang="en"& ...

网页前端设计-作业一（HTML5）

网页前端设计-作业一（HTML5）相关推荐

最新文章

热门文章