HTML5与CSS3-web前端开发技术习题答案

合集下载

HTML5+CSS3网页设计智慧树知到课后章节答案2023年下厦门兴才职业技术学院

HTML5+CSS3网页设计智慧树知到课后章节答案2023年下厦门兴才职业技术学院

HTML5+CSS3网页设计智慧树知到课后章节答案2023年下厦门兴才职业技术学院厦门兴才职业技术学院绪论单元测试1.关于静态网页的描述,下列说法正确的是()。

答案:静态网页访问速度快。

2.下列选项中的术语名词,不属于网页术语的是()。

答案:iOS3.关于Web标准的描述,下列说法正确的是()。

答案:Web标准主要包括结构标准、表现标准和行为标准三个方面。

4.关于HTML的描述,下列说法正确的是()答案:HTML提供了许多标签,用于对网页内容进行描述。

5.关于CSS的描述,下列说法正确的是()。

答案:CSS用于设置HTML页面中的文本内容、图片的外形以及版面的布局等外观显示样式。

6.因为静态网页的访问速度快,所以现在互联网上的所有网站都是静态网页组成的。

()答案:错7.“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。

()答案:对8.在Web标准中,表现是指网页展示给访问者的外在样式。

()答案:对9.在网页中,层叠样式表指的是JavaScript。

()答案:错10.所有的浏览器对同一个CSS样式的解析都相同,因此页面在不同浏览器下的显示效果完全一样。

()答案:错第一章测试1.下列选项中,属于HTML5扩展名的是()。

答案:.html;.htm2.下列选项中,可以调整图像垂直边距的属性是()。

答案:vspace3.下面的选项中,属于网页上常用图片格式的是()。

答案:PNG格式;JPG格式;GIF格式4.下列标签中,用于将文字以加删除线方式显示的是()。

答案:<del></del>和<s></s>5.下列选项中,可以设置文字字体的属性是()。

答案:face6.<body>标签和<head>标签是并列关系。

()答案:对7.标签就是放在“<>”标签符中表示某个功能的编码命令。

()答案:对8.在标签嵌套中,单标签可以作为父级标签。

()答案:错9.设置标签属性时,标签名与属性、属性与属性之间均以空格分开。

(完整版)HTML5与CSS3web前端开发技术习题答案

(完整版)HTML5与CSS3web前端开发技术习题答案
三是使用HTML+CSS+JavaScript开发Web应用程序时,开发功能受到很大的限制,比如本地数据存储功能、多线程访问、获取地理位置信息等,这些都影响了用户的体验。
(2)HTML5新增的全局属性有哪几个?描述其主要功能。
HTML5新增的全局属性,是指可以对任何元素都使用的属性。功能如下所示。
属性
(3)使用表格及表格嵌套技术等,对网页做如图2-43所示的布局设计。
①表格宽度为600像素;
②可以先后插入4个2×2的表格,将每个表格第一行第一个单元格设置为跨2竖列,也可以根据图示,自定义表格结构;
③标题单元格的背景颜色可自定义。
图3-24表格示例
第四章
1.简答题
(1)表单中文本框和密码框在定义方法和实现效果上有什么区别?
自定义列表以<dl>标记开始,自定义列表项目以<dt>开始,自定义列表的解释以<dd>开始。
各种列表标记之间都可以嵌套使用,例如,自定义列表的一个嵌套。
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8>
<title>自定义列表示例</title>
</head>
描述
HTML5新增
accesskey
规定访问元素的键盘快捷键
class
规定元素的类名(用于规定样式表中的类)。
contenteditable
规定是否允许用户编辑内容。

contextmenu
规定元素的上下文菜单。

dir
规定元素中内容的文本方向。

web前端期末考试题及答案

web前端期末考试题及答案

web前端期末考试题及答案一、单项选择题(每题2分,共20分)1. HTML5中,用于定义文档类型和HTML版本信息的标签是()。

A. <!DOCTYPE html>B. <html>C. <head>D. <body>2. CSS中,用于设置元素的背景颜色的属性是()。

A. background-colorB. colorC. font-colorD. background3. JavaScript中,用于获取当前时间的毫秒数的函数是()。

A. Date.now()B. new Date().getTime()C. new Date().getMilliseconds()D. new Date().getUTCMilliseconds()4. 在JavaScript中,用于创建一个数组的语法是()。

A. var array = new Array();B. var array = [];C. var array = new List();D. var array = list();5. 下列哪个属性用于设置HTML元素的CSS类()。

A. classB. styleC. idD. name6. 在HTML中,用于创建一个无序列表的标签是()。

A. <ol>B. <ul>C. <dl>D. <menu>7. CSS选择器中,用于选择所有具有特定类名的元素的符号是()。

A. #B. .C. :D. *8. JavaScript中,用于判断一个值是否为数组的全局函数是()。

A. Array.isArray()B. isFinite()C. isNaN()D. parseFloat()9. 在HTML中,用于定义文档的头部信息的标签是()。

A. <head>B. <header>C. <footer>D. <section>10. CSS中,用于设置元素的字体大小的属性是()。

网页制作B卷答案-HTML5+CSS3 Web前端开发-唐四薪-清华大学出版社

网页制作B卷答案-HTML5+CSS3 Web前端开发-唐四薪-清华大学出版社

衡阳师范学院 2017-2018学年第一学期文学院编辑出版学专业 2015年级《网页制作与网站管理》期末考试试题B卷答案及评分标准一、单项选择:ACABC BDCAD DCBBA二、填空:1. <br />(或换行), enter ,撤销, F122.<br /> ,<hr />,<img />3. ..\img\a.gif4.Hypertext Markup language ,Cascading style sheet(写中文也可)5.<ol> 、<ul> 、<li>6.10px7. p 、body 、form8. new Date()9. post、 get10. title , meta , link11. td , table, a, form, type, name, src, href12. absolute, relative, scroll , fixed , z-index13. history , open14. getElementById , style三、问答题1.答:1)a:hover是伪类选择器,当鼠标悬浮在a标记上时应用该选择器定义的样式;2)a.hover是交集选择器,应用了.hover类选择器的a标记应用该样式;3)a:hover b是后代选择器,当鼠标悬浮在a标记上时,被a标记包含的b标记将应用该样式;4)a.hover b是后代选择器,应用了.hover类选择器的a标记里的b标记将应用该样式。

2.答:1)DW对CSS的建立和编辑有很好的支持,对CSS的所有操作都集中在“CSS样式”面板中,一般我们首先要点“新建CSS规则”来新建样式,新建选择器类型中的“类”对应类别选择器,“标签”对应标记选择器,“高级”对应除此之外的所有其他选择器,“定义在”的上一项表示将CSS代码写在外部CSS文件中,并通过链接式引入该CSS文档;下一项“仅对该文档”表示用嵌入式引入CSS,即CSS代码作为<style>元素的内容写在文档头部。

Web前端开发——HTML5 + CSS3 +JavaScript智慧树知到答案2024年潍坊学院

Web前端开发——HTML5 + CSS3 +JavaScript智慧树知到答案2024年潍坊学院

Web前端开发——HTML5 + CSS3 +JavaScript潍坊学院智慧树知到答案2024年第一章测试1.WWW 是()的意思。

()A:浏览器 B:网页 C:万维网 D:超文本传输协议答案:C2.统一资源定位符是指:()A:因特网上标准的资源的地址。

B:服务器地址。

C:从一个网页指向另一个目标的连接关系。

D:Web服务器。

答案:A3.以下属于浏览器的是:()A:IE B:Google Chrome C:Mozilla Firefox D:Hbuilder答案:ABC4.Web前端开发主要任务是信息内容的呈现和用户界面设计。

()A:错 B:对答案:B5.CSS(也称为层叠样式表)是用来呈现网页外观样式的一组规范,它可以定义网页的样式表现。

()A:对 B:错答案:A6.JavaScript是一种运行在的服务器端的脚本语言,使用Javascript可以开发交互式的Web页面。

()A:错 B:对答案:A7.Document Object Model文档对象模型,DOM与JavaScript结合起来实现了Web网页的行为与结构的分离。

()A:对 B:错答案:A8.BOM主要处理浏览器窗口和框架,常见的BOM窗口有Window对象、Navigator对象、Screen对象、History对象和Location对象。

()A:对 B:错答案:A9.AJAX即异步JavaScript和XML,是一种支持异步请求的技术。

()A:错 B:对答案:B10.同一个HTML页面,在不同浏览器上的显示效果是一样的。

()A:对 B:错答案:B11.Web前端开发常用的技术有:()A:JavaScript B:CSS C:PHP D:HTML答案:ABD12.浏览器对HTML文档解析显示的结果就是我们平时看到的网页。

()A:错 B:对答案:B13.下面哪一个工具用于Web前端开发?()A:Hbuilder B:C++ C:Matlab D:Java答案:A14.在URL地址中多个参数之间使用()进行分割。

网页制作A卷及答案-HTML5+CSS3 Web前端开发-唐四薪-清华大学出版社

网页制作A卷及答案-HTML5+CSS3 Web前端开发-唐四薪-清华大学出版社

衡阳师范学院 2017-2018学年 第一学期 文学院 编辑出版学专业 2015年级 《网页制作与网站管理》期末考试试题A 卷一、选择题(每小题 2分,共 30分)1. HTML5和CSS3 的关系是( )A 、结构与行为B 、行为与结构C 、结构与表现D 、表现与结构 2. align 是一个( ) A. HTML 属性B. CSS 属性C. HTML 属性值D. CSS 属性值 3. 对于HTML 元素:<p class="one">示例</p>,下列哪个CSS 选择器无法选中该元素 ( ) A 、pB 、.oneC 、p.oneD 、p one4. 对于样式#p1{ float:left; display:inline; },则元素#p1将以哪种元素显示() A. block B .inline-block C. inlineD. flex 5. 如果要使段落中的第一行文本空2格显示,可设置()A 、text-alignB 、text-decorationC 、text-transformD 、text-indent6.关于浮动,下列哪条样式规则是不正确的:( )A.p { float: left; margin: 6px; } B.p{ float: right; right: 6px; }C.p { float: right; width: 80px; }D.p { float: left; position:relative; }7.当perspective属性值小于属性值时,元素将不可见( )A、rotateZ()B、scaleZ()C、skewZ()D、translateZ()8.在CSS中,下列哪项定义颜色是错误的( )A.#ffffff B.rgba(5,0,0,.1) C.rgb(ff,ff,ff) D.red9.在CSS中,改变背景图像的大小可使用属性。

html5网页前端设计课后习题答案

html5网页前端设计课后习题答案

第一章习题答案1.什么是Internet和万维网,它们的区别在哪里?答:Internet是由成千上万台计算机设备互相连接,基于TCP/IP协议进行通信从而形成的全球网络。

万维网是Internet上最重要的服务之一,也常被简称为“W3”或“Web”。

万维网主要使用HTTP协议将互联网上的资源结合在了一起,并在浏览器中以Web页面的方式呈现给用户。

2.请简单描述用户上网浏览网页的原理。

答:用户打开Web浏览器并输入需要访问的URL地址,该地址将发送给对应的Web服务器。

Web服务器然后将该地址对应的文本、图片等内容发送给用户并显示在用户使用的Web浏览器中。

3.Web前端技术的三大核心基础是哪些内容?答:HTML、CSS和JavaScript。

4.Web前端新技术HTML5与HTML有什么关系?答:HTML来源于Hypertext Markup Language(超文本标记语言)的首字母缩写,是用于架构和呈现网页的一种标记语言,也是万维网上应用最广泛的核心语言。

HTML5是HTML的第五次修改版,也是目前HTML语言的最新版。

第二章习题答案1.HTML5的文档注释是怎样的?答:HTML5使用<!--...-->标签为文档进行注释,注释标签以“<!--”开头,以“-->”结束,中间的“...”替换为注释文字内容即可。

<!--...-->标签支持单行和多行注释。

2.HTML5中列表标签有哪些,它们之间有什么区别?答:包括有序列表标签、无序列表标签和定义列表标签三种。

有序列表标签<ol>和</ol>用于定义带有编号的有序列表;无序列表标签<ul>和</ul>用于定义不带编号的无序列表;定义列表标签<dl>和</dl>是用于进行词条定义的特殊列表,每条表项需要结合词条标签<dt>和定义标签<dd>一起使用。

HTML5 CSS3 JavaScriptWeb前端开发自测试卷5

HTML5 CSS3 JavaScriptWeb前端开发自测试卷5

自测试卷5一、选择题1.下面哪个软件不是用于编写HTML5程序代码()。

A.Dreamweaver B.Visual studio C.EditPlus D.WebStorm 2.下列标签书写正确的是()。

A. <p/>B. <img></img>C. <span>D. <div></div>3.使用CSS设置背景图像横向平铺,应该设置其background-repeat的属性值为()。

A.repeat B.repeat-x C.repeat-y D.no-repeat4.对下列代码描述不正确的是()。

<video src=”a.mp4”>请更新您的浏览器</video>A.上面面代码可以在网页中插入一段视频B.上面代码可以在网页中插入一段音频C.当浏览器不支持播放视频时,浏览器中就会显示文字“请更新您的浏览器”D.”a.mp4”是视频的路径5.建立一对选择性别的单选按钮,下面关于它们的name值正确的是()。

A.name="boy",name="girl" B.name="male",name="female"C.name="male",name="girl" D.name="sex",name="sex"6.下列选项中是有序列表标签的是()。

A.<ul>B.<ol> C.<dl>D.<table>7.下面过渡动画类型中,为线性过渡的是()。

A.ease B.linear C.ease-in D.ease-out8.下列不是JavaScript中合法标识符的是()。

A.i B._name C.$str D.1_name9.使用jQuery框架后,设置所有div标签的背景颜色为红色的代码是()。

网页设计与制作(HTML5 CSS3 JavaScript)题库附答案

网页设计与制作(HTML5 CSS3 JavaScript)题库附答案

网页设计与制作(HTML5+CSS3+JavaScript)题库(含参考答案)第1章HTML5 基础第1题判断正误(1)HTML标记符的属性一般不区分大小写。

(对)(2)网站就是一个链接的页面集合。

(对)(3)将网页上传到Internet时通常采用FTP方式。

(对)(4)所有的HTML标记符都包括开始标记符和结束标记符。

(错)(5)可以用文本编辑器编辑HTML文件。

(对)(6)文本编辑器和HTML编辑器软件都可以用来编辑HTML文件。

(对)(7)TITLE 标记符通常位于BODY标记符之间。

(错)(8)TITLE 标记符通常位于HEAD标记符之间。

(对)(9)title标记符和title属性的作用是相同的。

(错)第2题单选题(1)WWW是的意思。

答案:BA.网页B.万维网C.浏览器D.超文本传输协议(2)在网页中显示特殊字符,如果要输入“<”,应使用_________。

答案:D A.lt; B.&Lt; C.&lt D.&lt;(3)以下说法中,错误的是:。

答案:DA.获取WWW服务时,需要使用浏览器作为客户端程序。

B.WWW服务和电子邮件服务是Internet提供的最常用的两种服务。

C.网站就是一系列逻辑上可以视为一个整体的页面的集合。

D.所有网页的扩展名都是.htm。

(4)以下说法中,错误的是:。

答案:BA.网页的本质就是HTML源代码。

B.网页就是主页。

C.使用“记事本”编辑网页时,通常应将其保存为.htm 或.html 后缀。

D.本地网站通常就是一个完整的文件夹。

(5)以下说法中,错误的是:。

答案:DA.主页是网站中的一个特定页面。

B.网页中的注释可以放在任何位置。

C.在HTML中,&nbsp; 表示空格。

D.在HTML中,&lt; 表示>。

(6)浏览网页时,通常使用以下协议:答案:CA.mailto B.FTP C.HTTP D.TCP/IP(7)在网页中显示特殊字符,如果要输入空格,应使用_________。

4.《HTML5+CSS3从入门到精通》自测练习(修正版)

4.《HTML5+CSS3从入门到精通》自测练习(修正版)

《HTML5+CSS3从入门到精通》自测练习(修正版)一、单选题(共44题,每题1分,共44分)1.支持input类型的输入框的消息提示的属性是[1.0]A.detailB.placeholderC.patternD.required标准答案:B试题分析:P1012.context.arc()方法用于绘制圆形,一般其中的第几个参数决定圆形的半径[1.0]A. 1B. 2C. 3D. 4标准答案:C试题分析:P1143.下列哪项不是HTML5的新特性[1.0]A.兼容性B.合理性C.安全性D.有插件标准答案:D试题分析:p1-24.下列不是html5主要功能的是[1.0]A.Cross-documentB.Vector Scalable GraphicsC.MathMLD.Web Origin Concept标准答案:B试题分析:p45.在HTML5中可以省略全部标记的元素是________[1.0]A.optionB.bodyC.hrD.img标准答案:B试题分析:P396.不支持Web Storage的浏览器的是[1.0]A.IE7以上版本B.Firefox3.0以上版本C.Safari 4.0以上版本D.Opera 10.5以上版本标准答案:A试题分析:P1787.audio元素中src属性的作用是________。

[1.0]A.提供播放、暂停和音量控件B.循环播放C.制定要播放音频的URLD.插入一段替换内容标准答案:C试题分析:P1608.以下哪项不属于Html5中input标签新增的输入类型________。

[1.0]A.emailB.urlC.numberD.radio标准答案:D试题分析:P80-839.outline属性可以定义块元素的外轮廓线,以下错误的是———[1.0]A.outline-color定义轮廓边框颜色B.outline-style定义轮廓边框轮廓C.outline-width定义轮廓边框宽度D.outline-offset定义轮廓边框位置标准答案:D试题分析:50910.基本CSS代码书写规范不正确的是————[1.0]A.尽量不缩写B.全部小写,且每一项CSS定义写成一行C.ID必须是唯一的,且用在结构的定义中D.CSS可以尽量使用expression标准答案:D试题分析:28811.1982年,()创造了HTML语言。

html5css3面试题及答案,前端面试题及答案-CSS篇

html5css3面试题及答案,前端面试题及答案-CSS篇

html5css3⾯试题及答案,前端⾯试题及答案-CSS篇这篇⽂章并不是最全的前端⾯试题(没有最全,只有更全),只是针对⾃⼰⾯试过程中遇到的⼀些难题、容易忽略的题做⼀个简单的笔记,⽅便后⾯有⾯试需要的⼩伙伴们借鉴,后续内容会不定时更新,有错误之处希望⼤家不吝指出。

1、CSS3的新特性实现圆⾓(border-radius)阴影(box-shadow)⽂字加特效(text-shadow)线性渐变(gradient)旋转(transform)媒体查询,多栏布局具体2、CSS中 link 和@import 的区别link属于HTML标签,⽽@import是CSS提供的;页⾯被加载的时,link会同时被加载,⽽@import引⽤的CSS会等到页⾯被加载完再加载;import只在IE5以上才能识别,⽽link是HTML标签,⽆兼容问题;link⽅式的样式的权重 ⾼于@import的权重.3、介绍⼀下CSS的盒⼦模型通过css3新增的属性 box-sizing: content-box | border-box分别设置盒模型为标准模型(content-box)和IE模型(border-box)详细介绍两种盒模型:标准W3C盒模型、IE盒模型。

区别对⽐:(注意蓝⾊背景区域⼤⼩)标准盒模型元素宽度width=content=100px,⾼度计算相同IE模型元素宽度width=content + 2 x padding + 2 x border = 70px + 2 x 10px + 2 x 5px = 100px。

4、CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?选择符1.id选择器( # myid)2.类选择器(.myclassname)3.标签选择器(div, h1, p)4.相邻选择器(h1 + p)5.⼦选择器(ul > li)6.后代选择器(li a)7.通配符选择器( * )8.属性选择器(a[rel = "external"])9.伪类选择器(a: hover, li:nth-child)继承1. 可继承的样式: font-size font-family color, text-indent;2. 不可继承的样式:border padding margin width height;新增伪类p:first-of-type 选择属于其⽗元素的⾸个元素。

HTML5+CSS3网页制作智慧树知到答案2024年海南职业技术学院

HTML5+CSS3网页制作智慧树知到答案2024年海南职业技术学院

HTML5+CSS3网页制作海南职业技术学院智慧树知到答案2024年第一章测试1.HTML是()。

A:超文本标记语言 B:可扩展标记语言 C:超文本传输协议 D:其余都不是答案:A2.浏览器标题栏里显示的文本在()元素中输入。

A:h1 B:P C:title D:body答案:C3.下面哪个不是HTML标签。

()A:</body> B:<abc> C:<h1> D:<html>答案:B4.在浏览器客户区中显示的文本在()元素中输入。

A:head B:title C:body D:meta答案:C5.head元素和body元素的父元素必须是()元素A:title B:html C:meta D:p答案:B6.HTML文档被浏览器解析后呈现为网页。

()A:对 B:错答案:A7.超文本是指页面内可以包含图片、链接、音乐、视频、程序等非文本元素。

()A:对 B:错答案:A8.所有的浏览器都支持HTML5的网页。

()A:对 B:错答案:B9.HTML5是HTML语言的新版本。

()A:对 B:错答案:A10.HTML负责网页的表现,CSS负责网页的结构。

()A:对 B:错答案:B11.记事本不可以用于编辑网页。

()A:错 B:对答案:A12.HTML标签是指由一对尖括号包围的HTML关键词。

()A:对 B:错答案:A13.<!DOCTYPE>属于单标签元素。

()A:错 B:对答案:B14.在带Emmet插件的编辑器中输入html:5,按TAB键,可以快速生成HTML文档的基本结构。

()A:错 B:对答案:B15.“开始标签”、“结束标签”,以及它们所包围的内容,代表一个完整的内容,叫做双标签元素。

()A:对 B:错答案:A第二章测试1.下列HTML元素中,哪个不是单标签元素。

()。

A:br B:img C:hr D:h1答案:D2.最大的标题是()。

Web前端开发与应用教程 (HTML5+CSS3+JavaScript)第2版第14章 参考答案

Web前端开发与应用教程 (HTML5+CSS3+JavaScript)第2版第14章  参考答案

第14章参考答案1. 在jQuery中被誉为工厂函数的是( C )A. ready()B. function()C. $()D. next()2. 假如需要选择页面中唯一一个DOM元素,则( C )是最快、最高效的选择器。

A. 后代选择器B. 类选择器C. id选择器D. 属性选择器3. 通过选择器方法,判断选择器名称( D )。

$("parent > child")$("ancestor descendant")A. 后代选择器、子代选择器B. 后代选择器、一般兄弟选择器C. 子代选择器、相邻兄弟选择器D. 子代选择器、后代选择器4. 在jQuery中,如果想要从DOM中删除所有匹配的元素,( C )是正确的。

A. delete()B. empty()C. remove()D. removeAll()5. 下列选项中,不属于键盘事件的是( D )。

A. keydown()B. keyup()C. keypress()D. ready()6. 在jQuery中,关于fadeIn()方法正确的是( B )。

A. 可以改变元素的高度B. 可以逐渐改变被选元素的不透明度,从隐藏到可见(褪色效果)C. 可以改变元素的宽度D. 与fadeIn( )相对的方法是fadeOn( )7. 下列选项中,失去焦点时触发的是( A )。

A. blur()B. select()C. focus()D. onfocus()8. 使用CDN 加载jQuery 库的主要优势是什么?参考答案:节省服务器带宽以及更快的下载速度;如果浏览器已经从同一个CDN下载缓存相同的jQuery 版本, 那么它就不会再去下载它一次. 因此,许多公共的网站都将jQuery用于用户交互和动画,如果浏览器已经有了下载好的jQuery库,网站就能有非常好的展示机会。

9. $(this) 和this 关键字在jQuery 中有何不同?参考答案:$(this) 返回一个jQuery对象,可以对它调用多个jQuery方法,比如用text() 获取文本,用val() 获取值等等。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
自定义列表以<dl>标记开始,自定义列表项目以<dt>开始,自定义列表的解释以<dd>开始。
各种列表标记之间都可以嵌套使用,例如,自定义列表的一个嵌套。
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8>
<title>自定义列表示例</title>
</head>
(2)HTML5增加的article、section、nav、aside等结构元素功能。
HTML 5增加了article、section、nav、aside、header、footer等布局元素,以实现更好的语义解释。但这些结构元素定义的是增强了语义的div块,是HTML页面按逻辑进行分割后的单位,并没有显示效果
第一章
1.简答题
(1)在Web前端开发方面,HTML5与HTML4比较,主要解决哪几方面的问题?
HTML5的核心在于解决当前Web开发中存在的各种问题。
一是解决Web浏览器之间的兼容性问题。在一个浏览器上正常显示的网页(或运行的Web应用程序),很可能在另一个浏览器上不能显示或显示效果不一致;
二是文档结构描述的问题。HTML4之前的各版本中,HTML文档的结构一般用div元素描述,文档元素的结构含义不够清晰;
强大的绘图功能。通过使用Canvas API动态地绘制各种效果精美的图形,也可以通过SVG绘制可伸缩矢量图形。
增强的音视频播放和控制功能。新增了audio和video元素,可以不依赖任何插件而播放音频和视频。
HTML5的数据存储和数据处理的功能。
包括离线应用、Web通信、本地存储等功能,HTML5还支持WebSQL和IndexedDB等轻量级数据库,增强了数据存储和数据检索能力。
规定当被拖动的项目/数据被拖放到元素中时会发生什么。

hidden
规定该元素是无关的。被隐藏的元素不会显示。

id
规定元素的唯一ID。
lang
规定元素中内容的语言代码。
spellcheck
规定是否必须对元素进行拼写或语法检查。

style
规定元素的行内样式。
tabindex
规定元素的tab键控制次序。
获取地理位置信息。HTML5新增了Geolocation API规范,应用于移动设备中的地理定位。
提高页面响应的多线程。HTML5新增了Web Workers来实现多线程功能。通过Web Workers,将耗时较长的处理交给后台线程,降低Web服务的响应时间,有利于增强用户体验。
方便用户处理文件和访问文件系统的文件文件API。HTML5的文件API包括API和。
(2)在HTML文档中插入图像使用什么标记?该标记有哪些常用属性?分别实现什么功能?
使用<img>标记插入图像,语法格式如下。<img src="url"title="description"/>
该标记含有多个属性,具体的属性及功能如表所示。其中,width属性、height属性、border属性、align属性已经不建议使用,而是通过CSS来描述。
密码:<input name="pwd"type="password" maxlength="8" size="8"/>
(2)在表单中定义一组单选按钮和一组复选按钮在方法上有什么区别?
aside标签用来承载非正文的内容,被视为页面里面一个单独的部分。它包含的内容与页面的主要内容是分开的,可以被删除,而不会影响到网页的内容、章节或是页面所要传达的信息。
header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区域的标题,但也可以包括表格、logo图片等内容。
属性名
说明
src
图像地址
title
添加图像的替代文字
width/height
设置图像宽度/高度
border
设置图像边框
align
设置图像对齐方式
(3)绝对路径、相对路径和根路径的区别是什么?
绝对路径指文件的完整路径,包括文件传输的协议HTTP、FTP等,一般用于网站的外部链接,
相对路径是指相对于当前文件的路径,它包含了从当前文件指向目的文件的路径,适用于网站的内部链接。
根路径的设置以“/”开头,后面紧跟文件路径,例如:/download/index.html。根路径的设置也适用于内部链接的建立,一般情况下不使用根路径。根路径必须在配置好的服务器环境中才能使用。
(4)如何为网页添加超链接?定义超链接时如何指定打开链接文件的目标窗口?有几种目标窗口形式?
在HTML文件中,使用标记<a>来定义超链接,具体链接对象通过标记中的href属性来设置。定义超链接的语法格式如下。<a href="url"target="target-windows">链接标题</a>
(4)HTML5文档结构的HTML4之前的文档结构有哪些变化?
内容类型(ContentType)。HTML5的文件扩展名与内容类型与之前的HTML版本相同。但. DOCTYPE声明做了简化,该声明适用所有HTML。声明如下:<!DOCTYPE html>
在HTML5中,直接指定meta标记的charset属性可以设置字符编码,如下所示。<meta charset="utf-8">
HTML中的列表元素有3种形式——有序列表、无序列表和自定义列表。
有序列表由<ol></ol>标记对实现,在<ol></ol>标记之间使用成对的<li></li>标记添加列表项目。
无序列表由成对的<ul></ul>标记对实现,<ul></ul>标记之间使用成对的<li></li>标记可添加列表项目。
从HTML5开始,对于HTML文件的字符编码推荐使用UTF-8。
操作题略。第二章来自1.简答题(1)简述HTML文档的基本结构元素的功能。
HTML文档的基本结构元素包括<html>、<head>、<body>等。
<html>和</html>标记表示该文档是HTML文档。有时<html>标记可省略,因为.html或.htm文件被Web浏览器默认为是HTML文档。
空格
&nbsp;
<
小于号
&lt;
>
大于号
&gt;
&
和号
&amp;
"
引号
&quot;
'
撇号
&apos; (IE不支持)
§

&sect;
©
版权
&copy;
®
注册商标
&reg;
×
乘号
&times;
÷
除号
&divide;
操作题略。
第三章
1.简答题
(1)定义列表的标记有哪几种?各种列表标记之间都可以嵌套使用吗?
将<input>标记中的type属性值设置为text,就可以在表单中插入文本框。在此文本框中可以输入任何类型的数据,但输入的数据将以单行显示,不会换行。例如,使用<input>标记输入姓名的代码如下。
姓名:<input name="username" type="text" maxlength="12" size="8" value="myname"/>
<head>和</head>标记表示的是文档头部信息,一般包括标题和主题信息,该部分信息不会显示在页面正文中。一些CSS样式定义、JavaScript脚本也可以放到文档的头部。
<body>和</body>标记是网页的主体信息,是显示在页面上的内容,各种网页元素,包括文字、表格和图片等信息都将放到这个标记内。如果为body元素设置CSS样式,还可以实现背景、边距、字体等样式的变化。
<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>
article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。例如,一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件等。
section元素用于定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。一般用于成节的内容,会在文档流中开始一个新的节。
nav元素是一个可以用作页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分。
footer元素一般作为其上层容器元素的脚注
(3)HTML为什么要使用字符实体?列举出5个常用的字符实体名称。
相关文档
最新文档