没有合适的资源?快使用搜索试试~ 我知道了~
HTML5与CSS3 web前端开发技术习题答案.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 163 浏览量
2022-11-19
13:48:18
上传
评论
收藏 1.42MB PDF 举报
温馨提示
试读
32页
。。。
资源推荐
资源详情
资源评论
第一章
1.简答题
(1)在 Web 前端开发方面,HTML5 与 HTML4 比较,主要解决哪几方面的问题?
HTML5 的核心在于解决当前 Web 开发中存在的各种问题。
一是解决 Web 浏览器之间的兼容性问题。在一个浏览器上正常显示的网页(或运行的 Web
应用程序),很可能在另一个浏览器上不能显示或显示效果不一致;
二是文档结构描述的问题。HTML4 之前的各版本中,HTML 文档的结构一般用 div 元素描述,
文档元素的结构含义不够清晰;
三是使用 HTML+CSS+JavaScript 开发 Web 应用程序时,开发功能受到很大的限制,比如本地
数据存储功能、多线程访问、获取地理位置信息等,这些都影响了用户的体验。
(2)HTML5 新增的全局属性有哪几个?描述其主要功能。
HTML5 新增的全局属性,是指可以对任何元素都使用的属性。功能如下所示。
属性
accesskey
class
contenteditable
contextmenu
dir
draggable
dropzone
hidden
id
lang
spellcheck
style
tabindex
title
描述
规定访问元素的键盘快捷键
规定元素的类名(用于规定样式表中的类)。
规定是否允许用户编辑内容。
规定元素的上下文菜单。
规定元素中内容的文本方向。
规定是否允许用户拖动元素。
规定当被拖动的项目/数据被拖放到元素中时会发生什么。
规定该元素是无关的。被隐藏的元素不会显示。
规定元素的唯一 ID。
规定元素中内容的语言代码。
规定是否必须对元素进行拼写或语法检查。
规定元素的行内样式。
规定元素的 tab 键控制次序。
规定有关元素的额外信息。
HTML5 新增
是
是
是
是
是
是
(3)HTML5 是下一代 Web 语言的开发框架,典型特性有哪些?
HTML5 从 标 记 语 言 的 功 能 提 升 到 下 一 代 Web 语 言 的 开 发 框 架 , 他 集 成 了
HTML+CSS3+JavaScript 的 Web 应用框架。。
良好的语义特性。 HTML5 支持微数据与微格式,增加的各种元素赋予网页更好的意义和结
构,适于构建对程序、对用户都更有价值的数据驱动的 Web 应用。HTML5 增加了 section 元素、
article 元素、nav 元素以及 aside 元素等结构元素。
强大的绘图功能。通过使用 Canvas API 动态地绘制各种效果精美的图形,也可以通过 SVG
绘制可伸缩矢量图形。
增强的音视频播放和控制功能。新增了 audio 和 video 元素,可以不依赖任何插件而播放
音频和视频。
HTML5 的数据存储和数据处理的功能。
包括离线应用、Web 通信、本地存储 等功能,HTML5 还支持 WebSQL 和 IndexedDB 等轻量级
数据库,增强了数据存储和数据检索能力。
获取地理位置信息。HTML5 新增了 Geolocation API 规范,应用于移动设备中的地理定位。
提高页面响应的多线程。HTML5 新增了 Web Workers 来实现多线程功能。通过 Web Workers,
将耗时较长的处理交给后台线程,降低 Web 服务的响应时间,有利于增强用户体验。
方便用户处理文件和访问文件系统的文件文件 API 。HTML5 的文件 API 包括 FileReader API
和 File SystemAPI。
除了上面介绍的 HTML5 的特性之外,HTML5 还有管理浏览器历史记录的 History API。HTML5
可以通过脚本语言在浏览器历史记录中添加项目,以及在不刷新页面的前提下显示地改变浏览器
地址栏中的 URL 地址;而 HTML5 的拖放功能可以使用 mousedown、mousemove、mouseup 等方法来
实现拖放操作。
(4)HTML5 文档结构的 HTML4 之前的文档结构有哪些变化?
内容类型(ContentType) 。HTML5 的文件扩展名与内容类型与之前的 HTML 版本相同。但.
DOCTYPE 声明 做了简化,该声明适用所有 HTML。声明如下:<!DOCTYPE html>
在 HTML5 中,直接指定 meta 标记的 charset 属性可以设置字符编码,如下所示。<meta
charset="utf-8">
从 HTML5 开始,对于 HTML 文件的字符编码推荐使用 UTF-8。
操作题略。
第二章
1.简答题
(1)简述 HTML 文档的基本结构元素的功能。
HTML 文档的基本结构元素包括<html>、<head>、<body>等。
<html>和</html>标记表示该文档是 HTML 文档。有时<html>标记可省略,因为.html 或.htm
文件被 Web 浏览器默认为是 HTML 文档。
<head> 和</head>标记表示的是文档头部信息,一般包括标题和主题信息,该部分信息不会
显示在页面正文中。一些 CSS 样式定义、JavaScript 脚本也可以放到文档的头部。
<body>和</body>标记是网页的主体信息,是显示在页面上的内容,各种网页元素,包括文
字、表格和图片等信息都将放到这个标记内。如果为 body 元素设置 CSS 样式,还可以实现背景、
边距、字体等样式的变化。
(2)HTML5 增加的 article、section、nav、aside 等结构元素功能。
HTML 5 增加了 article、section、nav、aside、header、footer 等布局元素,以实现更好
的语义解释。但这些结构元素定义的是增强了语义的 div 块,是 HTML 页面按逻辑进行分割后的
单位,并没有显示效果
article 元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内
容。 例如,一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件等。
section 元素用于定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。一般用于
成节的内容,会在文档流中开始一个新的节。
nav 元素是一个可以用作页面导航的链接组,其中的导航元素链接到其他页面或当前页面的
其他部分。
aside 标签用来承载非正文的内容,被视为页面里面一个单独的部分。它包含的内容与页面
的主要内容是分开的,可以被删除,而不会影响到网页的内容、章节或是页面所要传达的信息。
header 元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一
个内容区域的标题,但也可以包括表格、logo 图片等内容。
footer 元素一般作为其上层容器元素的脚注
(3)HTML 为什么要使用字符实体?列举出 5 个常用的字符实体名称。
一些字符在 HTML 中拥有特殊的含义,比如小于号 (<) 用于定义 HTML 标记的开始。如果
用户希望浏览器正确地显示这些字符,需要在 HTML 源码中插入字符实体。常见的字符实体如下。
显示结果
<
>
&
"
'
§
©
®
×
÷
操作题略。
描述
空格
小于号
大于号
和号
引号
撇号
节
版权
注册商标
乘号
除号
实体名称
<
>
&
"
' (IE 不支持)
§
©
®
×
÷
第三章
1.简答题
(1)定义列表的标记有哪几种?各种列表标记之间都可以嵌套使用吗?
HTML 中的列表元素有 3 种形式——有序列表、无序列表和自定义列表。
有序列表由<ol></ol>标记对实现,在<ol></ol>标记之间使用成对的<li></li>标记添加列
表项目。
无序列表由成对的<ul></ul>标记对实现,<ul></ul>标记之间使用成对的<li></li>标记可
添加列表项目。
自定义列表以<dl>标记开始,自定义列表项目以<dt>开始,自定义列表的解释以<dd>开始。
各种列表标记之间都可以嵌套使用,例如,自定义列表的一个嵌 套。
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8>
<title>自定义列表示例</title>
</head>
<body>
<dl>
<dt>用户名<dd>6~18 个字符,需以字母开头
<dl>
<dt>first Name<dd>fdsdffddsfds
<dt>last Name<dd>fdfdfdsdsssdf
</dl>
</dt>
<dt>密码<dd>6~16 个字符,区分大小写 </dt>
</dl>
</body>
</html>
(2)在 HTML 文档中插入图像使用什么标记?该标记有哪些常用属性?分别实现什么功能?
使用<img>标记插入图像,语法格式如下。<img src="url" title="description" />
该标记含有多个属性,具体的属性及功能如表所示。其中,width 属性、height 属性、border
属性、align 属性已经不建议使用,而是通过 CSS 来描述。
属性名
src
title
width/height
border
align
说明
图像地址
添加图像的替代文字
设置图像宽度/高度
设置图像边框
设置图像对齐方式
(3)绝对路径、相对路径和根路径的区别是什么?
绝对路径指文件的完整路径,包括文件传输的协议 HTTP、FTP 等,一般用于网站的外部链接,
相对路径是指相对于当前文件的路径,它包含了从当前文件指向目的文件的路径,适用于网
站的内部链接。
根路径的设置以“/”开头,后面紧跟文件路径,例如:/download/。根路径的设置也适用
于内部链接的建立,一般情况下不使用根路径。根路径必须在配置好的服务器环境中才能使
用。
(4)如何为网页添加超链接?定义超链接时如何指定打开链接文件的目标窗口?有几种目标
窗口形式?
在 HTML 文件中,使用标记<a>来定义超链接,具体链接对象通过标记中的 href 属性来设
置。定义超链接的语法格式如下。<a href="url" target="target-windows" >链接标题</a>
target 属性指定用于打开链接的目标窗口,默认方式是原窗口,其属性值如表所示。
属性值
parent
blank
self
top
在新窗口中打开
在同一窗口中打开,和默认值一致
在浏览器的整个窗口中打开,忽略任何框架
说明
当前窗口的上级窗口,一般在框架中使用
2.操作题
(1)使用无序列表标记<ul>和有序列表标记<ol>定义如图 3-23 所示的嵌套列表,链接文件
可自定义或输入“#”。
<html>
<head>
<title>嵌套列表示例</title>
</head>
<body>
学生选课信息
<ol>
<li>必修课</li>
<ul>
<li>公共必修课</li>
<ul>
<li><a href="#">计算机基础</a></li>
<li><a href="#">大学外语</a></li>
</ul>
<li>专业必修课</li>
</ul>
<li>选修课</li>
<ol type="a">
<li>公共选修课</li>
<li>专业选修课</li>
</ol>
</ol>
</body>
</html>
图 3-23 嵌套列表效果
(2)在网页中插入图像,并对图像做如下设置。
图像宽为浏览器窗口的一半,高为浏览器窗口的 1/4;图像边框宽 5 像素;替代文字为“图
片欣赏”;图像显示在文字左侧。
(3)使用表格及表格嵌套技术等,对网页做如图 2-43 所示的布局设计。
① 表格宽度为 600 像素;
② 可以先后插入 4 个 2×2 的表格,将每个表格第一行第一个单元格设置为跨 2 竖列,也可
以根据图示,自定义表格结构;
③ 标题单元格的背景颜色可自定义。
图 3-24 表格示例
第四章
1.简答题
(1)表单中文本框和密码框在定义方法和实现效果上有什么区别?
将<input>标记中的 type 属性值设置为 text,就可以在表单中插入文本框。在此文本框中
可以输入任何类型的数据,但输入的数据将以单行显示,不会换行。例如,使用 <input>标记输
入姓名的代码如下。
姓名:<input name="username" type="text" maxlength="12" size="8" value="myname" />
其中,name 属性用于定义文本框的名称。maxlength 和 size 属性用于指定文本框的宽度和
允许用户输入最大的字符数,更多情况下,采用 CSS 设置。value 指定文本框的默认值。
将<input>标记中的 type 属性值设置为 password,就可以在表单中插入密码框,涉及到各
属性的含义与文本框相同。在此密码框中可以输入任何类型的数据,这些数据都将以实心圆点
的形式显示,以保护密码的安全,例如:
密码:<input name="pwd" type="password" maxlength="8" size="8" />
剩余31页未读,继续阅读
资源评论
春哥111
- 粉丝: 1w+
- 资源: 5万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于matlab实现文档+程序边缘计算任务卸载与资源调度的算法,是论文的源代码,具有价值.rar
- 什么是学生成绩管理系统c++以及学习学生成绩管理系统的意义
- 什么是词向量-以及学习关于了解词向量的意义
- 什么是mybatis动态sql以及学习mybatis动态sql的意义
- 华为数据治理方法论,包括:数据治理框架、数据治理组织架构、数据治理度量评估体系以及华为数据治理案例分享
- 基于matlab实现对表面肌电信号进行归一化处理,并对归一化后的图形显示 .rar
- 基于matlab实现单级倒立摆的 T-S 模型 包括 LMI 程序源码
- 图书管理系统(struts+hibernate+spring+ext).rar
- 基于matlab实现此压缩包包含语音信号处理中的语音变声代码加音频.rar
- STM32使用PWM驱动舵机并通过OLED显示
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功