HTML5网页设计与制作习题练习与答案
HTML5 动效设计练习题及答案
HTML5 动效设计练习题及答案HTML5是一种常用的网页设计语言，不仅可以实现静态网页的展示，还可以通过动效设计增添页面的活力与吸引力。
下面是几道HTML5动效设计练习题及其答案，帮助大家提升动效设计能力。
练习题一：旋转动画请实现一个旋转动画效果，点击页面中的一个元素，该元素会以顺时针方向旋转180度，再次点击则恢复原来的状态。
```html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>旋转动画</title><style>.rotate {width: 100px;height: 100px;background-color: #f00;transition: transform 0.5s;}</style><script>function rotateElement() {const element = document.getElementById('rotate-element');if (element.style.transform === 'rotate(180deg)') {element.style.transform = 'rotate(0)';} else {element.style.transform = 'rotate(180deg)';}}</script></head><body><div id="rotate-element" class="rotate"onclick="rotateElement()"></div></body></html>```练习题二：透明度渐变请实现一个元素透明度渐变的动画效果，鼠标悬停在元素上时，元素的透明度从0渐变到1，鼠标移出时又逐渐恢复透明度为0。
《网页设计与制作》习题及答案
第1章网页设计基础1.网页文件不包括 ( D )A HTML文件 B多媒体文件 C图像文件 D Dos文件2.网页构成元素按照元素划分为（ABCD ）A 文本B 图像 C超链接 D音频和视频3. HTML文档结构中表示头部信息的（ B）A < body > < /body > B<head></head> c <html></html> D<title></title>4.在HTML文档中，使文本内容强制换行的标签是（B）A<hr> B<br> C<pre> D<hn>5.以下哪个标签语言符合HTML的语法规范（D）A<img src=pic.jpg width=150 height=200/>B<p><div>文字加粗</p></div>C<p align=center>D<hr width=”400” color=”#000000”>6．不属于HTML标记的是（ C ）A.<html>B.<head>C.<color>D.<body>7．为了标记一个HTML文件，应该使用的HTML标记是（ C ）A.<p></p>B.<body></body>C.<html></html >D.<title></ title>二填空1.网页分为（静态网页）和（动态网页）两种类型。
2.HTML中的所有标签都是有一对（<>）围住。
3.HTML网页的标题是通过（<title></title>）标签显示的。
4.（<hr>）是水平线标签，可以在页面生成一条水平线。
网页设计与制作各章习题及答案
网页设计与制作各章习题及答案第1章习题1. 填空题(1) WWW服务于_1990_年由设立在欧洲瑞士的粒子物理研究中心开发研制出来。
(2) WWW是_Word Wide Web_的缩写，其含义是_“全球网”_，很多人又形象地称其为_“万维网”_。
(3) 现在网页基本可以分为_静态_和_动态_两大类网页。
(4) 对于网站，我们通常又称作_站点_(5) HTML是Hypertext Markup Language 的缩写，意思为_超文本标记语言_。
(6) marquee代码的作用_实现标记中的内容在页面移动的效果_(7) HTML源代码包括_<Head></Head>头_和_<Body></Body>正文__两大部分(8) CuteFTP是一种基于__Ftp__的数据交换软件。
(9) CuteFTP有很多功能，如_断点续传_、_自动登陆_等，是上传、维护、更新网站必不可少的工具软件。
(10) Flash是网络上最为流行的_矢量__动画制作软件。
(11) 网页的主要组成元素有_文本__、__图片_、_多媒体_、_超链接_和_脚本_五种。
(12) 与网站设计相关的软件主要有_Dreamweaver_、_Photoshop_、_Flash_和_CuteFTP_。
(13) _<html>_和_</html>_是Web页的第一个和最后一个标记符，Web页的其他所有内容都位于这两个标记符之间。
2. 选择题(1) 下面哪些文件属于静态网页（ C ）A. abc.asp?????B. abc.doc?????C. abc.htm?????????D. abc.jsp(2) 下面哪些不是网页编辑软件（ B ）A. Dreamweaver?B. CuteFTP?????C. Word????????????D. Flash(3) 下面哪些文件不是网站的主页（ C? ）A. index.html??B. Default.jsp?C. index1.htm??????D. Default.php(4) DreamweaverMX是哪家公司的产品?? （ D ）A. Adobe???????B. Corel???????C. Microsoft???????D. Macromedia(5) 网页元素不包括：（ C）A. 文字????????B. 图片????????C. 界面????????????D. 视频(6) 下列哪种软件是用于网页排版的。
HTML5 移动Web开发练习题及答案
HTML5 移动Web开发练习题及答案在移动设备的普及和快速发展的趋势下，移动Web开发变得越来越重要。
HTML5技术为移动Web开发提供了许多强大的功能和新特性。
下面是一些HTML5移动Web开发的练习题，以及它们的答案，希望对您的学习和实践有所帮助。
练习题1：自适应布局在移动设备上，常常需要根据屏幕尺寸的不同，自动适应不同的布局。
请写出一个HTML5页面模板，实现自适应布局的效果，并能在不同设备上正常显示。
答案：```<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>自适应布局</title><style>body {font-family: Arial, sans-serif;margin: 0;padding: 0;}.container {width: 100%;max-width: 800px;margin: 0 auto;padding: 20px;}</style></head><body><div class="container"><!-- 页面内容在这里 --> </div></body></html>```练习题2：本地存储HTML5提供了本地存储功能，可以在用户设备上储存数据。
请利用HTML5的本地存储功能，实现一个简单的记事本应用。
用户在输入框中输入文字后，点击"保存"按钮可以保存并展示所有的记录。
答案：```<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>记事本应用</title><script>function saveNote() {var note = document.getElementById("note").value;var notes = localStorage.getItem("notes");if (!notes) {notes = [];} else {notes = JSON.parse(notes);notes.push(note);localStorage.setItem("notes", JSON.stringify(notes)); showNotes();}function showNotes() {var notes = localStorage.getItem("notes");var notesList = document.getElementById("notes-list"); if (notes) {notes = JSON.parse(notes);notesList.innerHTML = "";for (var i = 0; i < notes.length; i++) {var noteItem = document.createElement("li");noteItem.textContent = notes[i];notesList.appendChild(noteItem);}}}</script><body><label for="note">输入内容：</label><input type="text" id="note"><button onclick="saveNote()">保存</button><ul id="notes-list"></ul><script>showNotes();</script></body></html>```练习题3：拍照上传利用HTML5的新特性，实现一个拍照上传的功能。
网页设计与制作试题一及答案
网页设计与制作试题一及答案一、单项选择题（每个题只有一个正确答案。
每题3分，共60分）1．下列不能在网页的“页面属性”对话框中设置的是（）。
A.网页背景图及其透明度B.背景颜色、文本颜色、链接颜色C.文档编码D.跟踪图像及其透明度2．对于插入网页中的Flash动画，不能在属性面板中设置动画（）。
A.是否循环播放B.循环播放的次数C.是否自动播放动画D.播放时的品质3．在HTML语言中，<body alink=#ff0000>表示（）。
A.设置链接的颜色为红色B.设置访问过链接的颜色为红色C.设置鼠标指针移动到链接上时的颜色为红色D.设置活动链接的颜色为红色4．关于绝对路径的使用，以下说法错误的是（）。
A.绝对路径是指包括服务器规范在内的完全路径，通常使用http://表示B.绝对路径不管源文件在什么位置都可以非常精确地找到C.如果希望链接其他站点上的内容，就必须使用绝对路径D.使用绝对路径的链接不能链接本站点的文件，要链接本站点文件只能使用相对路径5．以下表示锚点标记的是（）。
A. B. C. D.6．在Dreamweaver 中，下列对象中可以添加热点的是（）。
A．文字B．图像C．层D．动画7．下列关于CSS的说法错误的是（）。
A.CSS的全称是Cascading Style Sheets，中文的意思为“层叠样式表”B.CSS的作用是精确定义页面中各元素以及页面的整体样式C.CSS样式不仅可以设置大多数传统的文本格式，还可以定义一些特殊的HTML格式D.在Dreamweaver中只能可视化创建CSS样式，无法使用源代码来创建8．如果要使用CSS样式将文本定义为粗体，需要设置（）文本属性。
A.ont-familyB.font-styleC.font-weightD.font-size9．可以实现如下图所示文字效果的代码是（）。
A.{font-style: italic; color: #009900; text-decoration: underline;}B.{font-weight: bold; color: #009900; text- indent: underline;}C.{ font-style: italic; color: #009900; text-decoration: line-through;}D.{font-weight: bold; color: #009900; text- indent: line-through;}10．用于添加背景音乐的HTML标签是（）。
《网页设计与制作》习题及答案
第1章网页设计基础1.网页文件不包括 ( D )A HTML文件 B多媒体文件 C图像文件 D Dos文件2.网页构成元素按照元素划分为（ABCD ）A 文本B 图像 C超链接 D音频和视频3. HTML文档结构中表示头部信息的（ B）A < body > < /body > B<head></head> c <html></html> D<title></title>4.在HTML文档中，使文本内容强制换行的标签是（B）A<hr> B<br> C<pre> D<hn>5.以下哪个标签语言符合HTML的语法规范（D）A<img src=pic.jpg width=150 height=200/>B<p><div>文字加粗</p></div>C<p align=center>D<hr width=”400” color=”#000000”>6．不属于HTML标记的是（ C ）A.<html>B.<head>C.<color>D.<body>7．为了标记一个HTML文件，应该使用的HTML标记是（ C ）A.<p></p>B.<body></body>C.<html></html >D.<title></ title>二填空1.网页分为（静态网页）和（动态网页）两种类型。
2.HTML中的所有标签都是有一对（<>）围住。
3.HTML网页的标题是通过（<title></title>）标签显示的。
4.（<hr>）是水平线标签，可以在页面生成一条水平线。
2021《网页设计与制作》习题集及答案
2021《网页设计与制作》习题集及答案《网页设计与制作》习题及答案1一、单项选择题(本大题共25小题，每小题1分，共25分) 在每小题列出的四个备选项中只有一个是符合题目要求的，请将其代码填写在题后的括号内。
错选、多选或未选均无分。
1.WWW上的任何信息，包括文档、图像、图片、视频或音频都被看作是资源，为了方便地引用资源，应给它们分配一个唯一的标志来描述该资源存放于何处及如何对它进行存取，当前使用的命名机制叫（）A. URLB. WWWC. DNSD. FTP2.下列不属于网页设计前提的是（）A. 网站的设计概念B. 网站的整体风格C. 网站的层次规划D. 网站的开发工具3.在互联网上最为常用的图片格式是（）A. JPEG和PSDB. PNP和BMPC. AVI和FLASHD. GIF和JPEG4.在PhotoShop中，放大图像使用的快捷键是（）A. Ctrl和+B. Alt和&C. Shift和@D. Tab和>5.在PhotoShop中，一张图可以建立的图层个数是（）A. 100个B. 256个C. 65536个D. 无数个6.在PhotoShop中，关于图层的描述不正确的是（）A. 图层中最下面的一层是背景层B. 在一个图层修改时不会影响其它图层C. 背景层是唯一的，不能改变上下关系D. 背景层和其它层一样，可以有透明部分7.在色彩的概念中，色相就是指（）A. 颜色相差B. 饱和度C. 对比度D. 颜色8.关于HTML文档的描述正确的是（）A. 和是最基本的两个标记B. 浏览器能够看到HTML文档的内容，主要原因是HTML文档是可执行的文档C. HTML文档可以是一门开发语言，可以编译成机器语言D. HTML文档是ASCII文件，无其它特殊功能9.在HTML中，关于的描述不正确的是（）A.是转行标记B.必须与成对使用C. 与相反的标记是D.与之间的文字即使有回车符也不能自动换行10.在HTML标记中，"表示的符号是（）A. QUOTB. &C. ＂D. <11.在HTML中，说明表格行的标记是（）A. B.C. D.12.的作用是（）A. 暂时不执行该域B. 隐藏该域名称，供需要时使用C. 在页面上不会显示这个元素，但是当发送信息时可以把名为mail的值传递给处理程序D. 隐藏电子邮件，以防被浏览者使用13.在HTML中，要想输入多行文本，应使用的标记是（）A. B.C. <text…>D.<textarea…>14.在HTML中，关于图片链接标记中，shape属性的值不包含（）A. triangleB. rectC. circleD. poly15.DOM为HTML文档定义了一个与平台无关的程序接口，使用该接口不可以控制文档的（）A. 内容B. 脚本C. 结构D. 样式16.在HTML中，一般情况下，使用事件处理句柄的语法格式为<html标记eventhandler=＂JavaScript代码＂>，下面的描述正确的是（）A. HTML标记不可以是窗体顶端B. eventHandler可以是任何事件处理句柄C. JavaScript代码可以使用任何Java语言的代码D. JavaScript可以是DOM模型17.外部样式单文件的扩展名是（）A. JSB. CSSC. HTMD. DOM18.不属于BOX模型属性的是（）A. marginB. paddingC. colorD. border19.在FrontPag2003中设置图片属性，若指定图片在下载过程中是渐进式的，即图片在下载过程中逐渐清晰，则在图片类型对话框中选择的复选框是（）A. 交错B. 渐进C. 质量D. 透明20.不属于Fireworks制作动画的方法是（）A. 编写脚本生成动画B. 合并图像形成动画C. 使用元件生成动画D. 手工绘制21.配置IIS时，在IIS管理器中设置主页应该选择的标签是（）A. 主目录B. 网站C. 文档D. BITS22.MIME协议的前身是（）A. SIM协议B. TCP协议C. IP协议D. SMTP协议23.在XML标记中，<表示（）A. 寻求帮助B. 声明的开始C. 定义元素D. 文档格式窗体底端二、多项选择题(本大题共5小题，每小题2分，共10分)在每小题列出的五个备选项中至少有两个是符合题目要求的，请将其代码填写在题后的括号内。
《HTML5网页设计》课后习题及答案01
思考与练习
一、填空题
1.HTML5 给我们带来了很多人性化和方便的改变，包括新的解析顺
序、、、新的input 属性等。
2.HTML5的设计目的是为了在支持多媒体。
二、选择题
1.网页的基本语言是（）
A. JavaScript
B. VBScript
C. HTML
D.XML
2.网页中所谓的（），通过已经定义好的关键字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其他文件，获得相应的信息。
A. 超链接
B. 热区
C. 图片
D.多媒体
3.网页的扩展名是（）
A. .html
B..doc
C. .bat
D. .ppt
4.HTML指的是（）
A.超文本标记语言（Hyper Text Markup Language）
B.家庭工具标记语言（Home Tool Markup Language）
C.超链接和文本标记语言（Hyperlinks and Text Markup Language）
D.以上都不正确
三、判断题
1.HTML5标记符的属性一般不区分大小写。
（）
2. HTML5能快速的构建框架，是的实现一些功能能加简便，节省开发时间。
（）
答案：
一、填空题
1.新的元素、新的方法
2. 移动设备上
二、选择题
1.C
2.A
3.A
4.A
三、判断题
1.√
2.。
网页设计与制作(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．≪ C．< D．<（3）以下说法中，错误的是：。
答案：DA．获取WWW服务时，需要使用浏览器作为客户端程序。
B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。
C．网站就是一系列逻辑上可以视为一个整体的页面的集合。
D．所有网页的扩展名都是.htm。
（4）以下说法中，错误的是：。
答案：BA．网页的本质就是HTML源代码。
B．网页就是主页。
C．使用“记事本”编辑网页时，通常应将其保存为.htm 或.html 后缀。
D．本地网站通常就是一个完整的文件夹。
（5）以下说法中，错误的是：。
答案：DA．主页是网站中的一个特定页面。
B．网页中的注释可以放在任何位置。
C．在HTML中， 表示空格。
D．在HTML中，< 表示>。
（6）浏览网页时，通常使用以下协议：答案：CA．mailto B．FTP C．HTTP D．TCP/IP（7）在网页中显示特殊字符，如果要输入空格，应使用_________。
《HTML5网页设计》课后习题及答案05
思考与练习一、选择题
1. C
2. A
3. D
4. C
5. D二、填空题
1、target, blank_
2、绝对URL,相对URL,锚URL
3、被链接文档
4、link, image/x-icon
5、nav三、简答题
1、URL (Uniform Resource Locator)统一资源定位符，是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。
互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。
2、绝对URL (absolute URL)：显示文件的完整路径，这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关，相对URL (relative URL)：以包含URL本身的文件夹的位置为参考点，描述目标文件夹的位置。
如果目标文件与当前页面(也就是包含URL的页面)在同一个目录，那么这个文件的相对URL仅仅是文件名和扩展名，如果目标文件在当前目录的子目录中，那么它的相对URL 是子目录名，后面是斜杠，然后是目标文件的文件名和扩展名。
《HTML5网页设计》练习(合集)
练习3一、填空题1、在CSS中，设置h2标记字号为16像素且显示红色字体的代码为____________。
2、行内式也称为内联样式，是通过标记的__________属性来设置元素的样式。
3、在CSS中，用于设置行间距的属性是___________，一般称为行高。
4、text-decoration是文本修饰属性，其属性值________是用来设置下划线的。
5、id选择器使用_____进行标识，后面紧跟id名。
二、判断题1、书写CSS样式时，多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略。
（）2、在CSS代码中，空格是不被解析的。
因此，属性的值和单位之间允许出现空格。
（）3、在编写CSS代码时，为了提高代码的可读性，通常需要加CSS注释语句。
（）4、行内式CSS样式是通过标记的属性来控制样式的，没有做到结构与表现的分离，所以一般很少使用。
（）5、在链入式CSS样式中，一个HTML页面只能引入一个样式表。
（）6、CSS基础选择器仅有三种，分别是标记选择器、类选择器、id选择器。
（）7、text-align属性用于设置文本内容的水平对齐，可适用于所有元素。
（）8、在CSS中，元素的宽高属性具有继承性。
（）9、在CSS中，元素的边框属性不具有继承性。
（）10、word-spacing属性用于定义英文单词之间的间距，对中文字符无效。
（）三、选择题1、下面的选项中, CSS样式规则的具体格式正确的是（）。
A、选择器{属性1:属性值1; 属性2:属性值2 属性3:属性值3}B、选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3;}C、选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}D、选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3}2、下面的选项中，CSS样式书写正确的是（）A、p { font-size:12px;color:red;}B、p { font-size=12px;color=red}C、p { font-size:12px;}D、p { font-size:12;color:red;}3、当<p>标记内嵌套<strong>标记时，就可以使用后代选择器对其中的<strong>标记进行控制，下列写法正确是（）A、strong p{color:red;}B、p strong{color:red;}C、strong,p{color:red;}D、p.strong{color:red;}4、在行内式CSS样式中，<style>标记可以设置元素的样式，它一般位于（）标记中<title>标记之后。
HTML5网页设计仿真模拟测试题1
HTML5网页设计\n仿真模拟测试题11. 在CSS3.0中，属性（）可以设置盒子的圆角边框。
border-radius(正确答案)borderradiuscircle2. 在HTML5中，如果要设置一个表单元素内容为必填项则要设置（）属性来完成。
required(正确答案)fixtypemust3. 在CSS3中，设置字体样式属性说法错误的是（）font-size设置字体大小text-align设置文本的对齐方式font-type设置字体的类型(正确答案)font-weight用来设置字体的粗细4. 在CSS3中，清除全部浮动的正确写法是（）clear:noneclear:both(正确答案)clear:leftclear:right5. 若要在网页中插入样式表main.css，以下正确的是（）<link href="main.css" type=text/css rel=stylesheet>(正确答案) <link src="main.css" type=text/css rel=stylesheet><link src="main.css" type=text/css ><script href="main.css" type=text/css rel=stylesheet>6. 在CSS3中，盒子定位分为（）【选三项】无定位相对定位(正确答案)绝对定位(正确答案)固定定位(正确答案)7. 以下不属于text-align属性的属性值的是（）centerrightleftmiddle(正确答案)8. 在CSS3中，以下关于CSS样式属性的说法错误的是（）CSS可以控制网页背景图片margin属性的属性值可以是百分比word-spacing可以调整字符间距(正确答案)margin属性可以一次性设置四个方向的边距9. 在CSS3中，CSS选择器的优先级从高到低为（）ID样式-类样式-行类样式-标签样式行内样式-类样式-ID样式-标签样式行内样式-ID样式-类样式-标签样式(正确答案)类样式-行内样式-ID样式-标签样式10. 在CSS3中，下列哪个选项是超链接伪类未访问状态（）a:link(正确答案)a:visiteda:hovera:active11. #content{height: 500px; width: 960px; background-color: white;margin-bottom: 5px;}对此段CSS代码分析正确的是（）设置元素内容高度为500px(正确答案)设置元素内容宽度为960px(正确答案)设置元素背景颜色为白色(正确答案)设置元素填充为5px12. 在HTML5页面标记中，用于定义表格中行的标签是（）<td>...</td><tr>...</tr>(正确答案)<table>...</table><caption>...</caption>13. 在CSS3中，关于CSS Sprites，说法错误的是（）CSS Sprites在国内也称之为CSS精灵，它是一种图片网页应用处理方式CSS Sprites允许将一个页面涉及到的所有零星图片均包含在一张大图中CSS Sprites的实现原理是将一张图片不同区域的图像设置为不同元素的背景不管是否使用CSS Sprites，对服务器的请求次数都是一样的(正确答案)14. 在HTML5图片标签<img>中，使用（）属性设置显示图片的路径。
Html5程序设计基础教程(练习题参考答案)
第1章HTML 5概述一、选择题1．A 2．D 3．C 4．C二、填空题1．HyperText Markup Language2．<img>3．HTML4．UTF-85．<menu>6．contextmenu7．async8．<details>9．Geolocation API10．Web Workers三、简答题1．答：● <section> 标签用于定义文档中的区段。
● <header>标签用于定义文档的页眉（介绍信息）。
● <footer>标签用于定义区段（section）或文档的页脚。
通常，该元素包含作者的姓名、文档的创作日期或者联系方式等信息。
● <nav>标签用于定义导航链接。
● <article>标签用于定义文章或网页中的主要内容。
● <aside>标签用于定义主要内容之外的其他内容。
● <figure>标签用于定义独立的流内容（图像、图表、照片、代码等等）。
2．答：● <mark>标签用于定义带有记号的文本。
● <time>标签用于定义公历的时间（24小时制）或日期，时间和时区。
● <meter>标签用于定义度量衡。
● <progress>标签用于定义定义一个进度条。
3．答：在HTML 5中可以通过下面的方法进行绘图：●使用Canvas API动态地绘制各种效果精美的图形；●绘制可伸缩矢量图形（SVG）。
4．答：HTML5新增的与数据存储和数据处理相关的新功能如下：（1）Web通信在HTML 4中，出于安全考虑，一般不允许一个浏览器的不同框架、不同标签页、不同窗口之间的应用程序互相通信，以防止恶意攻击。
如果要实现跨域通信只能通过Web服务器作为中介。
但在桌面应用中，经常需要进行跨通信。
HTML 5提供了这种跨域通信的消息机制。
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网页设计与制作》教学资源 资料包 补充练习 练习5
练习5一、填空题1、在列表样式属性中，用来为列表项设置项目图像的属性是_______。
2、点击超链接标记<a>标签，在新窗口打开页面，需要设置属性target="___________"。
3、设置访问后超链接的样式，需要给<a>标签添加css样式的伪类是_____________。
4、如果将一个超链接文本链接到页面中的某个锚点，则其href属性使用______符号加相应的id名标。
5、___________列表是有排列顺序的，其各个列表项按照一定的顺序排列。
二、判断题1、在HTML语言中，常用的列表有三种，分别为无序列表、有序列表和定义列表。
（）2、无序列表的各个列表项之间，虽然没有顺序级别之分，但是存在主从关系。
（）3、在HTML中创建超链接非常简单，只需用<a></a>标记环绕需要被链接的对象即可。
（）4、在超链接中“href”属性用于指定链接页面的打开方式。
（）5、在超链接中，当target取值为“_self”，意为在原窗口中打开链接页面。
（）6、在HTML中，<ul></ul>标记可以用于定义有序列表。
（）7、在定义列表中，一对<dt></dt>标记可以对应多对<dd></dd>标记。
（）8、在进行列表嵌套时，无序列表中只能嵌套无序列表。
（）9、在HTML语言中，通过创建锚点链接，用户能够快速定位到目标内容。
（）10、为了使未访问和访问后的链接样式保持一致，通常对a:link和a:visited应用相同的样式。
（）三、选择题1、关于定义无序列表的基本语法格式，以下描述正确的是（）A、<ul></ul>标记用于定义无序列表。
B、<li></li>标记嵌套在<ul></ul>标记中，用于描述具体的列表项。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
练习1一、填空题1、网站由网页构成，并且根据功能的不同，网页又有静态网页和动态网页之分。
2、Web标准是一系列标准的集合，主要包括结构、表现和行为。
3、HTML中文译为超文本标记语言，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
4、HTML语言主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
5、在网站建设中，HTML用于搭建页面结构，CSS用于设置页面样式，JavaSCript用于为页面添加动态效果。
二、判断题1、因为静态网页的访问速度快，所以现在互联网上的大部分网站都是由静态网页组成的。
（X ）2、网页主要由文字、图像和超链接等元素构成，但是也可以包含音频、视频以及Flash等。
（√）3、“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。
（√）4、URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符”。
URL其实就是Web地址，俗称“网址”。
（√）5、DNS（英文Domain Name System的缩写）是域名解析系统。
但是，在Internet上域名与IP地址之间并不是对应的。
（X）6、Firebug是IE浏览器中常用的一个插件，属于IE强力推荐的插件之一。
（X）7、在网站建设中，JavaScript用于搭建页面结构。
（X ）8、实际网页制作过程中，最常用的网页制作工具是Dreamweaver。
（√）9、在Dreamweaver中制作网页，在菜单栏中选择【文件】→【保存】选项，或使用快捷键Ctrl+S，即可完成文件的保存。
（√）10、所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。
（X）三、选择题1、在Dreamweaver中，使用主浏览器预览网页的快捷键是（B）A、Ctrl+SB、F12C、F5D、Ctrl+F122、使用内嵌式添加CSS样式，CSS样式需要写在（D）A、<title></title>标记之间B、<head></head>标记之间C、<body></body>标记之间D、<style></style>标记之间3、下面选项中，对JavaScript语言描述正确的是（ABD ）A、JavaScript是Web页面中的一种脚本语言文字。
B、JavaScript用于为页面添加动态效果。
C、JavaScript可以替代html和css。
D、JavaScript语言的前身是LiveScript语言。
4、下面选项中，属于网页构成元素的是（ABC）A、音频B、视频C、文字D、psd图像5、浏览器是网页运行的平台，下列属于网页制作中常用浏览器的是（ABC）A、IEB、谷歌C、火狐D、搜狗6、在Dreamweaer中，使用主浏览器预览网页的快捷键是（C）A、f9B、f10C、f12D、ctrl+f127、在HTML中，网页要显示的主体内容应放置在（C ）A、<title></title>标记之间B、<head></head>标记之间C、<body></body>标记之间D、HTML中的任意位置8、下列选项中的术语名词，属于网页术语的是（ABC ）A、WEBB、HTTPC、DNSD、IOS9、下面的选项中，关于Web标准说法正确的是（CD ）。
A、Web标准只要包括HTML标准。
B、Web标准是由浏览器的各大厂商联合制定的。
C、Web标准并不是某一个标准，而是一系列标准的集合。
D、Web标准主要包括结构标准、表现标准和行为标准三个方面。
10、下列选项中属于Web标准构成部分的是( ABCD )。
A、结构标准B、表现标准C、行为标准D、以上说法均正确练习2一、填空题1、网页的根标记是<html></html>，主体标记是<body> ，标题标记是<title> 。
2、<!DOCTYPE> 标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML 或XHTML 标准规范。
3、网页当中的常见图片格式有jpg格式，png 格式和gif 格式。
4、<font>标记的color 属性可以设置文本的颜色。
5、<img />标签表示一个图像信息，它有一个必须要指定的SRC 属性，用来指定图片路径。
二、判断题1、一个HTML文档只能含有一对<body>标记，且<body>标记必须在<html>标记内。
（√）2、一个HTML文档可以含有多对<head>标记。
（×）3、<hr />为单标记，用于定义一条水平线。
（√）4、<!DOCTYPE>标记和浏览器的兼容性无关，为了代码简洁，可以删掉。
（×）5、<p>是HTML文档中最常见的标记，文本在一个段落中会根据浏览器窗口的大小自动换行。
（√）6、在HTML中，标记可以拥有多个属性。
（√）7、在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由外及内的顺序依次关闭标记。
（√）8、图像文件和html文件位于同一文件夹，相对地址为<img src="logo.gif" />。
（√）9、在特殊字符中，<sub>用来表示上标。
（×）10、在特殊字符中，“<”用来表示小于号，“>”用来表示大于号。
（√）三、选择题1、下列标记中，用于定义HTML文档所要显示内容的是（B）。
A、<head></head>B、<body></body>C、<html></html>D、<title></title>2、位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种HTML 或XHTML 标准规范的标记是（ A ）。
A、<!DOCTYPE>B、<head></head>C、<title></title>D、<html></html>3、下列选项中，说法正确的是（ A B D ）。
A、在HTML中还有一种特殊的标记——注释标记B、标记分为单标记和双标记C、<h2/> 二级标题是一个单标记D、<p></p>是一个双标记4、在HTML中，表示内嵌CSS样式的标记是（ B ）。
A、<title>B、<style>C、<head>D、<meta>5、<font></font>标记可以设置的属性有（A C D）。
A、colorB、alignC、sizeD、font-family6、下列属性中，用于设置鼠标悬停时图像的提示文字的是哪一项？（B）A、titleB、altC、widthD、height7、下面的选项中，支持透明的图像是哪一项？（ A B D ）。
A、jpg格式B、gif格式C、psd格式D、png格式8、下列关于特殊字符的说法不正确的是（C ）A、特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成B、可以通过菜单栏直接插入相应特殊字符的代码C、转义序列各字符间可以有空格D、转义序列必须以分号结束9、下列标记中，用来设置文本为粗体的是（D ）A、<u></u>B、<del></del>C、<strong></strong>D、<b></b>10、<img />标记链接图片路径的属性是（A ）。
A、srcB、altC、widthD、height练习3一、填空题1、在CSS中，设置h2标记字号为16像素且显示红色字体的代码为h2{font-size:16px;color:red;} 。
2、行内式也称为内联样式，是通过标记的Style 属性来设置元素的样式。
3、在CSS中，用于设置行间距的属性是line-height ，一般称为行高。
4、text-decoration是文本修饰属性，其属性值underline 是用来设置下划线的。
5、id选择器使用# 进行标识，后面紧跟id名。
二、判断题1、书写CSS样式时，多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略。
（×）2、在CSS代码中，空格是不被解析的。
因此，属性的值和单位之间允许出现空格。
（√）3、在编写CSS代码时，为了提高代码的可读性，通常需要加CSS注释语句。
（√）4、行内式CSS样式是通过标记的属性来控制样式的，没有做到结构与表现的分离，所以一般很少使用。
（√）5、在链入式CSS样式中，一个HTML页面只能引入一个样式表。
（×）6、CSS基础选择器仅有三种，分别是标记选择器、类选择器、id选择器。
（√）7、text-align属性用于设置文本内容的水平对齐，可适用于所有元素。
（√）8、在CSS中，元素的宽高属性具有继承性。
（×）9、在CSS中，元素的边框属性不具有继承性。
（√）10、word-spacing属性用于定义英文单词之间的间距，对中文字符无效。
（√）三、选择题1、下面的选项中, CSS样式规则的具体格式正确的是（C）。
A、选择器{属性1:属性值1; 属性2:属性值2 属性3:属性值3}B、选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3;}C、选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}D、选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3}2、下面的选项中，CSS样式书写正确的是（A,C,D ）A、p { font-size:12px;color:red;}B、p { font-size=12px;color=red}C、p { font-size:12px;}D、p { font-size:12;color:red;}3、当<p>标记内嵌套<strong>标记时，就可以使用后代选择器对其中的<strong>标记进行控制，下列写法正确是（ B ）A、strong p{color:red;}B、p strong{color:red;}C、strong,p{color:red;}D、p.strong{color:red;}4、在行内式CSS样式中，<style>标记可以设置元素的样式，它一般位于（C）标记中<title>标记之后。