HTML课后习题(带答案)

格式：doc
大小：44.50 KB
文档页数：5

下载文档原格式

/ 5

HTML5网页设计与制作习题练习与答案

练习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页面中的一种脚本语言文字。

html习题(答案)

A超级链接B图像C声音D表格
36．以下标记符中，用于设置页面标题的是（）
A.<title> B.<caption> C.<head> D.<html>
37．以下标记符中，没有对应的结束标记的是（）
A.<body> B.<br> C.<html> D.<title>
38．若要是设计网页的背景图形为bg.jpg，以下标记中，正确的是（）
A．HTTP B．HTTPS C．SHTTP D．SSL
29．下列描述错误的是( )。
A.DHTML是HTML基础上发展的一门语言
B．根据处理用户操作位置的不同，HTML主要分为两大类：服务器端动态页面和客户
端动态页面
C．客户端的DHTML技术包括HTML4．0、CSS、DOM和脚本语言
D．DHTML侧重于WEB内容的动态表现
B HTML语言可以描述图像的位置、大小等属性
C HTML语言可以直接描述图像上的像素
D图像可以作为超级链接的起始对象
33．下列HTML标记中，属于非成对标记的是（）。
A<li> B<ul> C <P> D <font>
34．用HTML标记语言编写一个简单的网页，网页最基本的结构是（）。
A<html> <head>…</head> <frame>…</frame> </html>
9.下面哪一项是换行符标签？（）
A．<body> B．<font> C．<br> D．<p>

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提供了这种跨域通信的消息机制。

html试题与答案

html试题与答案HTML试题一、请简述HTML的概念及其作用。

二、HTML5与HTML有何不同之处？三、描述HTML标签和元素的区别。

四、请列举HTML5中常用的语义化标签，并解释其作用。

五、什么是HTML表单？列举常用的表单元素，并简要介绍其作用。

六、HTML中的图片标签有哪些属性？请至少列举三个，并解释其作用。

七、请简要介绍HTML中的超链接及其使用方法。

八、请说明HTML中的块级元素和内联元素的区别，并至少列举三个示例。

九、请简述什么是HTML注释，以及如何在HTML中添加注释。

十、请列举至少三种常见的HTML编辑器。

HTML答案一、HTML的概念及作用：HTML，即超文本标记语言（Hypertext Markup Language），是用于创建网页结构和内容的标准标记语言。

通过使用HTML，可以将文本、图像、链接等内容组织起来，并在Web浏览器上展示出来。

二、HTML5与HTML的不同之处：HTML5是HTML的最新版本，相对于早期的HTML版本，HTML5具有更多新的特性和功能。

与HTML相比，HTML5支持多媒体元素、本地离线存储、语义化标签以及新的API等。

三、HTML标签和元素的区别：HTML标签是用于定义HTML文档结构的关键词，通常以尖括号括起来。

而HTML元素则由开始标签、内容和结束标签组成。

简而言之，标签是元素的外壳，而元素则包含了标签及其内容。

四、HTML5中常用的语义化标签及作用：- `<header>`标签用于定义文档或节的头部；- `<nav>`标签用于定义导航链接的部分；- `<section>`标签定义文档中的节；- `<article>`标签表示独立的内容块，如博客文章或新闻报道；- `<aside>`标签定义页面内容之外的内容，如侧边栏或广告；- `<footer>`标签定义文档或节的页脚。

HTML5入门到精通课后答案

第一章HTML5开发前奏选择题ADAC填空题<title></title><html> </html>HTML第二章HTML5带来的标签变化选择题CABADA填空题以<head>为开始标记，以</head>为结束标记<meta>第三章分解“HELLO HTML5“——最简单网页文本内容选择题BCDBDB判断题√√×第四章让珍珠串起来——列表选择题CCBCC第五章在迷宫中寻找出口——超链接选择题ACDDBDD判断题√×第六章如何显示图像选择题BCBBDC填空题sourcevspace hspace第七章让程序听话——表格的应用选择题DBABBBC判断题×√第八章更上一层楼——div标签选择题CDDCA填空题也可以层层重叠或嵌套即Z-index的值DIV第九章获取数据——表单页面选择题AAC填空题text/plainname method post action浏览器服务器Web页表单处理程序第十章新颖奇特——多媒体页面选择题DCD填空题<embed><bgsound src="bg.mid" loop="3"><marquee>control第十一章多姿多彩——绘制图形选择题CBDCB填空题fillRect strokeRect360bezierCurveTo第十二章与众不同——HTML5与HTML4选择题CBDCD填空题UTF-8articlevideo audio第十三章一剑封喉的武器——文件与拖放选择题BCB判断题×√第十四章另一个世界——多媒体播放选择题ABBCA第十五章疯狂HMTL5——表单选择题CBA判断题×√第十六章划时代的Web API选择题CCB填空题sessionStorage localStorageJSON第十七章齐头并进——Web Workers处理线程选择题CBAB第十八章不劳而获——离线应用程序选择题DBAB第十九章获取地理位置信息选择题DBAC。

HTML书后习题答案

第一章（一）选择题部分：B,B,AC,ABCD,AB（二）简答题部分：第一题回答要点：从上至下分行，各行再从左至右组织。

页面内容分为多“块”，块有由“行”组成。

第二题回答要点：P29第二章（一）选择题部分：D，ACD，AC，C，ABC（二）简答题部分：第一题回答要点：根据超链接的应用场合，可以将超链接分为三类：页面间链接：A页到B页，最常用，用于网站导航。

锚链接：A页甲位置到本页的乙位置或A页甲位置到B页乙位置。

功能性连接：页面中调用其他程序的功能，如电子邮件、QQ、MSN等。

第二题回答要点：客户端：请求登陆，通过表单填写账户信息服务端：验证发来的账号信息，然后给已反馈客户端和服务器类似两人沟通一样，从而建立交互活动第三章（一）选择题部分：D，CD，ABC，AD，AB（二）简答题部分：第一题回答要点：同列单元格宽度一致，且垂直对齐。

同行单元格高度一致，且水平对齐。

第二题回答要点：分别使用rowspan和colspan属性。

划分步骤参考学生用书3.4.2小节的图文布局。

第三题回答要点：同列单元格宽度由该列宽度最大的单元格决定。

如果没有，则默认与该列第一行单元格宽度一致。

在布局时必须注意内容过长撑开单元格的情况，应合理设置好各列列宽。

第四章（一）选择题部分：C，BCD，A，A，ABD（二）简答题部分：第一题回答要点：功能：将页面划分为多个窗口显示、页面复用。

应用场景：网上在线学习教程、论坛、后台管理、产品介绍等。

第二题回答要点：<frameset>兼容性和语义差，<iframe>兼容性较好。

大多数情况只需某个部分使用框架，<iframe>特别合适。

<frameset>文件多而杂，不灵活。

第三题回答要点：参考学生用书的4.3.1小节第四题回答要点：采用<frameset>的实现思路如下：（1）创建左右划分的框架窗口，左边窗口显示导航链接，右边显示内容，至少需要三个文件。

HTML试题及标准答案.doc

1.在 HTML中 , 表示页面背景的是 ( )A. <body bgcolor=>B. <body bkcolor=>C. <body agcolor=>D. <body color=>A2. HTML中 <body text=red>, 表示（）A. 正在点击文字的色彩是红色。

B. 可可链接文字的色彩是红色。

C. 非可链接文字的色彩是红色。

D. 已链接文字的色彩是红色。

C3.下列表示，可链接文字的颜色是黑色的是（）A.<body link=black>B.<body text=black>C.<body vlink=black>D.<body alink=black>A4.下列表示，已经点击 ( 访问 ) 过的可链接文字的的颜色是黑色的是（）A.<body alink= ” #000000”>B.<body link= ” #000000” >C.<body vlink= ” #000000”>D.<body blink= ” #000000”>C5.下列表示，正被点击的可链接文字的颜色是白色的是（）A. <body link= ” #ffffff ” >B. <body vlink= ” #ffffff ”>C. <body alink= ” #ffffff ”>D. <body blink= ” #ffffff ”>C6. <body leftmargin=>, 表示（）A.页面左边的表格大小B.页面左边的空白大小C.页面左边的可用区域大小D.页面左边的可编辑区域大小B7. <body topmargin=>，表示（）A.页面上边的表格大小B.页面上边的空白大小C.页面上边的可用区域大小D.页面上边的可编辑区域大小B8.链接 (Link) 基本语法是（）A.<a goto="URL"> ... </a>B.<a herf="URL"> ... </a>C.<a link="URL"> ... </a>D.<a href="URL"> ... </a>D9.表示跳转到页面的” bn”锚点的代码是：（）A.<a link="#bn"> ... </a>B.<a href="bn"> ... </a>C.<a href="#bn"> ... </a>D.<a herf="bn"> ... </a>10. <a href="#bn"> ... </a>,表示（）A.跳转到” bn”页面B.跳转到页面的” bn”锚点C.超链接的属性是” bn”D.超链接的对象是” bn”B11.跳转到””页面的” bn”锚点的代码是 ()A.<a href="&bn"> ... </a>B.<a href="bnl#hellohtml"> ... </a>C.<a href="#bn"> ... </a>D.<a href="#bn"> ... </a>C12. <a href="#top"> ... </a>,表示（）A.跳转到””页面的顶部B.跳转到””页面的” top ”锚点C.跳转到””页面的底部D.跳转到””页面的文字” top ”所在链接B13.表示新开一个窗口的超链接代码是（）A.<a href=URL target=_new>..</a>B.<a href=URL target=_self>..</a>C.<a href=URL target=_blank>..</a>D.<a href=URL target=_parent>..</a>C14. <a href=URL target=_blank>..</a>,表示（）A.链接到” balnk ”的超链接代码B.在本窗口中打开的超链接代码C.打开一个空窗口的超链接代码D.新开一个窗口的超链接代码D15.<a href=URL target=_parent>..</a>, 表示（）A.打开一个空窗口的超链接代码B.在父窗口打开超链接的代码C.新开一个窗口的超链接代码D.在本窗口中打开一个超链接的代码B16.在父窗口打开超链接的代码是（）A.<a href=URL target=_top>..</a>B.<a href=URL target=_parent>..</a>C.<a href=URL target=_blank>..</a>D.<a href=URL target=_self>..</a>B17. <a href=URL target=_self>..</a>,表示（）A.打开一个空窗口的超链接代码B.新开一个窗口的超链接代码C.在父窗口打开超链接的代码D.在本窗口打开超链接的代码D18.在本窗口打开超链接的代码是（）A.<a href=URL target=_top>..</a>B.<a href=URL target=_parent>..</a>C.<a href=URL target=_blank>..</a>D.<a href=URL target=_self>..</a>D19.在框架中，在整个框架页中打开链接的代码是（）A.<a href=URL target=_blank>..</a>B.<a href=URL target=_top>..</a>C.<a href=URL target=_main>..</a>D.<a href=URL target=_self>..</a>B20. <a href=URL target=_top>..</a>,表示（）A.在框架页中的主框架中打开链接B.在框架页中的上面框架中打开链接C.在整个框架页中打开链接D.在本窗口打开超链接C21.在框架页中的主框架中打开链接的代码是()A.<a href=URL target=_left>..</a>B.<a href=URL target=_blank>..</a>C.<a href=URL target=_top>..</a>D.<a href=URL target=_main>..</a>D22.在框架页中的左边框架中打开链接的代码是()A.<a href=URL target=_top>..</a>B.<a href=URL target=_left>..</a>C.<a href=URL target=_left>..</a>D.<a href=URL target=#left>..</a>B23. <a href=URL target=_left>..</a>, 表示 ()A.在框架页中的主框架中打开链接B.在框架页中的左面框架中打开链接C.在整个框架页中打开链接D.在本窗口打开超链接B24.表示标尺线的 HTML代码是 ()A.<hr>B.<br>C.<hr></hr>D.<tr>A25.表示标尺线的大小的 HTML代码是 ()A.<hr size=>B.<hr long=>C.<hr height=>D.<hr space=>26. <hr color=red>表示()A.页面的颜色是红色B.水平线的颜色是红色C.框架颜色是红色D.页面顶部是红色B27.表示水平线对齐方式为左对齐的HTML代码是 ()A.<br align=left>B.<tr align=left>C.<hr align=left>D.<hr align=right>28.<hr noshade> 表示 ()A.表示水平线没有阴影B.表示水平线没有边框C.表示页面边界没有阴影D.表示水平线不显视A29.下列表示下标的是（）A.<sup>.</sup>B.<sub></sub>C.<top></top>D.<B下列说法错误的是（）A.<sup></sup> 表示上标B.<em></em>表示下划线C.<s></s> 表示删除线D.<strike></strike>表示删除线B30.下列说法错误的是（）A.<s></s> 表示上标B.<strike></strike>表示删除线C.<sup></sup> 表示上标D.<u></u> 表示下划线31.<strong></strong> 表示（）A.斜体B.粗体C.下划线D.上标B32.红色的 RGB代码是（）A.#00ff00B.#ff0000C.#ooooffD.#f0f0f0B33.灰色的 RGB代码是（）A.#FF00FFB.#909090C.#CCCCCCD.#000000C34.换行符的 HTML代码是（）A.<hr>B.<br>C.<tr>D.<hr></hr>B35.下列说法正确的是（）A.<p>和 <br> 的区别是 <p>插入了一个空行B.<p>和 <br> 的区别是 <p>不是换行符，而 <br> 是C.<p>和 <br> 的区别就是 <p>后面不能加入文字D.<p>和 <br> 的区别就是 <b>后面不能加入文字A36.无序列表的 HTML代码是（）A.<li><ui>...</li>B.<ul><li>...</ul>C.<Ol><li>...<Ol>D.<li><ol>...</li>B37.有序列表的 HTML代码是（）A.<ul><li>...</ul>B.<li><ul>...</li>C.<ol><li>...</ol>D.<li><ol>...<li>C38.定义列表的 HTML代码是（）A.<dt><dl>***<dd>***</dl>B.<dd><dt>***<dl>***</dd>C.<dt><dd>***<dl>***</dt>D.<dl><dt>***<dd>***</dl>D39.下列说法错误的是（）A.disk 是定制表中 type 的标记B.left 是定制表中 type 的标记C.circle 是定制表中 type 的标记D.square 是定制表中 type 的标记B40.定制表中 type 标记中的 circle 表示（）A.圆点B.圆环C.字母D.方块B41.定制表中 type 标记中的 disk 表示（）A.圆点B.圆环C.字母D.方块A42.定制表中 type 标记中的 square 表示（）A.圆点B.圆环C.字母D.方块D43.定制有序列表表中的序号的起始值的表示法为（）A.<ol begint=#>B.<ol star=#>C.<ol still=#>D.<ol start=#>D44. <spacer type="horizontal" size=#>表示（）A.水平空白宽度B.竖直空白宽度C.水平空白高度D.竖直空白高度45. <spacer type=" vertical " size=#>表示（）A.水平空白宽度B.竖直空白宽度C.水平空白高度D.竖直空白高度46. <multicol cols=#> ... </multicol>，cols表示（）A.列的数目B.列间的空白C.列的宽度D.列的长度47. <multicol gutter=#> ... </multicol>，gutter表示（）A.列的数目B.列间的空白C.列的宽度D.列的长度48. <multicol width=#> ... </multicol>表示（）A.单行文本B.多列文本C.多行文本D.单列文本C49.<img alt=#> ，表示（）A.图像的地址B.图像的排列方式C.在浏览器尚未完全读入图象时，在图象位置显示的文字D.在浏览器尚未完全读入图象时，在图象的上方显示的文字50.html 中段落标志中，标注文件子标题的是A <Hn></Hn>B <PRE><PRE>C <p>D <BR>A51.下列哪一项是 " 多选式选单 " 的语法A.<SELECT MULTIPLE>B.<SAMP></SAMP>C.<ISINDEX PROMPT="***">D.<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> A52.禁止表格格子内的内容自动断行回卷的HTML代码是A.<tr valign=>B. <td colspan=#>C. <td rowspan=#>D. <td nowrap>53.html 语言中，创建一个位于文档内部的靶位的标记是A.<name="NAME">B.<name="NAME"></name>C.<a name="NAME"></a>D.<a name="NAME"C54.HTML的段落标志中 , 标注行中断的是A.<Hn> </Hn>B.<PRE> </PRE>C.<P>D.<BR>C55.HTML文本显示状态代码中 ,<SUP></SUP>表示A.文本加注下标线B.文本加注上标线C.文本闪烁D.文本或图片居中B56.创建一个滚动菜单的 HTML代码是A.<form></form>B.<select multiple name="NAME" size=></select>C.<option>D.<select name="NAME"></select>57.创建打字机风格的字体的代码是A.<tt></tt>B.<cite></cite>C.<em></em>D.<font size=></font>A58.HTML语言中，设置正在被点中的链接的颜色的代码是A.<body bgcolor=>B.<body alink=>C.<body link=>D. <body vlink=>B59.HTML文本显示状态代码中 ,<CENTER></CENTER>表示A. 文本加注下标线B.文本加注上标线C.文本闪烁D.文本或图片居中D60.加入一条水平线的 HTML代码是A.<hr>B.<img src="name" border=>C.<img src="name" align=>D.<img src="name">A61.表示放在每个定义术语词之前的HTML代码是A.<dl></dl>B.<dt>C.<dd>D.<ol></ol>62.禁止表格格子内的内容自动断行回卷的HTML代码是A.<tr valign=>B.<td colspan=#>C.<td rowspan=#>D.<td nowrap>D63.HTML的颜色属性值中， Purple 的的代码是A. "#800080"C."#FF00FF"D."#00FFFF"A64.HTML代码 <img src="name"> 表示A.添加一个图象B.排列对齐一个图象C.设置围绕一个图像的边框的大小E.加入一条水平线A65.html 语言中，设置围绕表格的边框的宽度的标记是A.<table border=#>B.<table cellspacing=#>C.<table cellpadding=#>66.<frameset cols=#> 是用来指定什么的A.混合分框B.纵向分框C.横向分框D.任意分框B67.能够设置成口令域的是（）。

《HTML5移动Web开》课后习题及答案

第1章1.请列举移动开发的几种方式。

答案：当前，针对移动端的开发方式可以分为三种，具体如下。

（1）移动Web：就是在移动Web浏览器中运行的Web应用。

（2）NativeApp：用Android和Object-C等原生语言开发的移动应用。

（3）HybridApp：将移动Web页面封装在原生外壳中，以APP的形式与用户交互。

2.请列举基于HTML5的移动Web开发支持那些新功能。

答案：（1）多媒体（2）Canvas（3）本地存储（4）离线应用（5）地理定位（6）移动Web框架第2章1.请简述Web Storage具有哪些特点。

答案：（1）设置数据和读取数据比较方便（2）容量较大，sessionStorage约5M，localStorage约20M（3）只能存储字符串，如果要存储JSON对象，可以使用window.JSON的stringify()方法和parse()方法进行序列化和反序列化。

2.请简述manifest 文件可分哪三个部分，并说名每个部分的作用。

答案：（1）CACHE MANIFEST：在此标题下列出的文件将在首次下载后进行缓存。

（2）NETWORK：在此标题下列出的文件需要与服务器的连接，且不会被缓存。

（3）FALLBACK：在此标题下列出的文件规定当页面无法访问时的回退页面（比如404 页面）。

第3章1.请简述如何获取当前坐标位置。

答案：“navigator. geolocation”对象可以公开访问地理位置的方法，其中navigator为浏览器内置对象。

检测浏览器是否支持定位API，只需要检测geolocation是否存在于navigator中即可。

对于移动Web开发者，大多数情况只需要获取用户的当前位置，此时我们可以使用getCurrentPosition()方法来获取当前位置的坐标值。

getCurrentPosition()调用时会发起一个异步请求，浏览器会调用系统底层的硬件（如GPS）来更新当前的位置信息，当信息获取到之后会在回调函数中传入position对象。

HTML网页设计-带答案

HTML网页设计-带答案1、哪个 HTML 属性可用来定义内联样式( )(选1项)A)fontB)classC)stylesD)style √2、如何为所有的元素添加背景颜色( )(选1项)A)h1.all {background-color:#FFFFFF}B)h1 {background-color:#FFFFFF} √C)all.h1 {background-color:#FFFFFF}D)h1 {color:#FFFFFF}3、在css中,与rgb(50%,0%,50%)表示的颜色相同的是( )(选1项)A)rgb(128,0,128) √B)#FF00FFC)#F0FD)rgb(255,0,255)4、CSS 指的是( )(选1项)A)Computer Style SheetsB)Cascading Style Sheets √C)Creative Style SheetsD)Colorful Style Sheets5、下面css语法有误的是 ( )(选1项)A)h3,h4&h5{color:red} √B)body{font-size:20px;}C)a{color:red}D)font.html{color:blue}6、一条css语句的基本结构主要有哪几个部分组成( )(选3项)A)选择符√B)函数名C)属性名√D)属性值√E)事件处理句柄7、在css的文本属性中,text-decoration：overline表示( )(选1项)A)不用修饰B)下划线C)上划线√D)横线从文字中间穿过8、外部样式表文件的扩展名为( )(选1项)A).JSB).DOCC).HTMLD).CSS √9、如何显示这样一个边框：上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素( )(选1项)A)border-width:10px 5px 20px 1pxB)border-width:10px 20px 5px 1pxC)border-width:5px 20px 10px 1pxD)border-width:10px 1px 5px 20px √10、在以下的 CSS 中,如何改变元素的左边距( )(选1项)A)text-indentB)margin-left √C)margin-rightD)padding11、在以下的 CSS 中,如何使文本变为粗体( )(选1项)A)font:bB)font-weight:bold √C)style:boldD)font-style:bold12、在以下的 CSS 中,如何使文本变为斜体( )(选1项)A)font:italicB)font-weight:italicC)font-family:italicD)font-style:italic √13、在以下的 CSS 中,可使所有元素变为粗体的正确语法是( )(选1项)A)B)C)p {font-weight:bold} √D)p {text-size:bold}14、在以下的 CSS 中,如何显示没有下划线的超链接( )(选1项)A)a {text-decoration:none} √B)a {text-decoration:no underline}C)a {underline:none}D)a {decoration:no underline}15、在css中,如何改变某个元素的文本颜色( )(选1项)A)text-colorC)fgcolorD)fontcolor16、哪个 CSS 属性可控制文本的尺寸( )(选1项)A)font-size √B)font-styleC)font-weightD)text-size17、HTML的中注释符是( )(选1项)A)//this is a commentB)//this is a comment//C)/*this is a comment*/D) √18、CSS的注释符是（）(选1项)A)//this is a comment//B)//this is a commentC)/*this is a comment*/ √D)'this is a comment19、如果你想改变移动标记的移动方式,应该改变下列的哪个属性的值( )(选1项)A)scrollamountB)directionC)loopD)behavior √20、如果你想改变移动标记的重复次数,应该改变下列的哪个属性的值( )(选1项)A)scrollamountB)loop √C)behaviorD)scrolldelay21、使用HTML语言,以下哪个选项可以实现 2的2次方=4 的表达式( )(选1项)A)22=4 √B)22=4C)22=4D)22=422、下列哪个不能用作超链接a标签中target属性的值( )(选1项)A)_blankB)_parentC)中的main23、下列超链接的代码错误的有( )(选3项)A)文本B)文本√C)文本√D)文本√24、网站域名中表示教育机构的后缀是哪一个（）(选1项)A).orgB).netC).edu √D).gov25、下列关于HTML语言的标记正确的是( )(选1项)A)border用于设置表格边线宽度,cellpadding用于设置边框厚度B)cellpadding用于设置数据与边框的距离,valign用于设定单元格内容的垂直对齐方式√C)cellspacing用于设置数据与边框的宽度,width用于设定整个表格的宽度D)bgcolor用于设定单元格的背景颜色,colspan用于垂直合并单元格26、下列属性中,不属于td标记的属性是( )(选1项)A)widthB)alignC)valignD)cellspacing √27、要更改表格某个列的宽度并保持其他列的大小不变,要按住什么键（）(选1项)A)shift √B)altC)ctrlD)F428、如果要查看表格的结构,将鼠标指针定位到表格边框上,然后按住什么键（）(选1项)A)shiftB)altC)ctrl √D)F429、在HTML中加入水平线,当它的宽度是什么的时候,宽度会随着浏览器窗口大小自动调整（）(选1项)A)480B)500D)60030、在Dreamweaver中,要启动浏览器,可以按什么快捷键( )(选1项)A)F9B)F10C)F11D)F12 √31、在Dreamweaver中,插入空格字符,可以按什么组合键( )(选1项)A)ctrl+enterB)ctrl+spaceC)ctrl+shift+space √D)ctrl+shift+enter32、网站首页的名字通常是( )(选1项)A)xxxx.htmB)www.htmlC)wwwD)Index.html或Index.h tm √33、下面关于模板说法不正确的是( )(选1项)A)模板是网页的一种,同样可以在浏览器中打开√B)模板可以用来统一网站页面的风格C)模板可以由用户自己创建D)DreamWeaver模板是一种特殊类型网页,它可以一次更新多个网页34、创建空链接使用的符号是( )(选1项)A)@B)# √C)&D)*35、网页中有一张图像,图像上面要加入文字,该图像必须以什么方式加入( )(选1项)A)以插入图像方式加入B)以页面背景图像方式加入√C)将图像转换为文本D)不可能36、( )屏幕显示分辨率是目前上网用户最不可能采用的(选1项)A)800x600B)640x480 √C)1024x768D)其它都不对。

HTML试题(含答案)

HTML试题库一、选择题：1. 下面代码使用HTML元素的ID属性，将样式应用于网页上的某个段落: <p id="firstp"> 这是第一个段落</p>以下关于样式规则定义正确的是()。

A. <style type="text/css">p(color:red}</style>B. <style type="text/css"># firstp (color:red}</style>C. <style type="text/css">.firstp (color:red}</style>D. <style type="text/css">P.firstp (color:red}</style>2. 下列代码段是某页面的样式设置：<style TYPE="text/css">.blue （ color:blue }.red （ color:red }</style>3. 下面有关样式表的说法正确的是（）（选择两项）。

A. 通过样式表，用户可以使用白己的设置来覆盖浏览器的默认样式B. 样式表不能重用C. 每个样式表只能链接到一个文档D. 样式表可以用来改变字体，修改颜色等4. 根据以下的HTML代码片段：,<h1 style="font -style:italic;color:limegreen;font-size=30”;>hello!Nice to meet you! </h1><h1>this is the default display of an h1 element</h1>,以下描述不正确是（）。

html习题附答案-!#!￥%@)

html完整总分：146单选题说明:1. 下面语句中，（）将HTML页面的标题设置为“HTML练习”(2分)(A)<HEAD> HTML练习</HEAD>(B)<TITLE> HTML练习</TITLE>(C)<H> HTML练习</H>(D)<T> HTML练习</T>参考答案：B解题思路：无2. 下列标签中，用于设置下标的标签是（）。

(2分)(A)sub(B)sup(C)font(D)b参考答案：A解题思路：无3. 下列选项中，用于设置边框粗细的属性为（）。

(2分)(A)border-color(B)border-width(C)border-style(D)border-size参考答案：B解题思路：无4. 在HTML页面中，要显示如图所示的表格，应在下方HTML 代码的下划线处填写（）性别男女<table border = “1”> <tr><td __= “2>性别</td></tr> <tr><td>男</td><td>女</td></tr> </table>(2分)(A)rows(B)cols(C)rowspan(D)colspan参考答案：D解题思路：无5. 在网页中通常采用（）完成性别的输入。

(2分)(A)复选框(B)文本框(C)密码框(D)单选按钮参考答案：D解题思路：无6. 用于在网页中创建表单的标签是（）。

(2分)(A)<form>(B)<select>(C)<button>(D)<input>参考答案：A解题思路：无7. 分析下面HTML代码，下面说法正确的是( ) ……. <body bgcolor="lanvender" font="arial"> <H1> <font size="2">你喜欢什么编程语言？</font> </H1> <p> <ul><li>C++</li><li>Java</li><li>VB</li> </body>(2分)(A)页面全部的字体大小为2(B)页面背景颜色为“lanvender”(C)“C++”、“Java”、“VB”显示在同一行(D)“C++”、“Java”、“VB”前面是1、2、3编号参考答案：B解题思路：无8. 如果在catalog.htm中包含如下代码，则该HTML文档IE 浏览器打开后，用户点击此连接,将（）。

html习题附答案-!#!￥%@)

(2分)(A)sub(B)sup(C)font(D)b参考答案：A解题思路：无3. 下列选项中，用于设置边框粗细的属性为（）。

(2分)(A)复选框(B)文本框(C)密码框(D)单选按钮参考答案：D解题思路：无6. 用于在网页中创建表单的标签是（）。

基于HTML5的网页设计及应用(第2版)-课后习题答案[3页][001]

参考答案第1章一、选择题1.C2.A3.D4.C5.D6.B7.D8.D二、填空题1.流式布局或自适应布局固定布局2.表格布局DIV+CSS布局3.像素或px第2章一、选择题1.A2.B3.B4.B5.B6.A7.B8.B9.B 10.A二、填空题1. <iframe>2. <img>3. cellpadding4. type5. rowspan第3章一、选择题1.A2.D3.B4.D5.A6.A7.B8.C9.D 10.C二、填空题1. text,radio,checkbox,submit,reset,file2. textarea,rows,cols3. <select>,<option>4. name,method,action第4章一、选择题1.C2.A3.A(将选项D中的“分号”改为“逗号”)4.D5.A6.D7.D8.D9.A 10.A二、填空题1.层叠样式表2.href3.style4.逗号5.CSS的层叠特性一、选择题1.D2.C3.D4.A5.C6.B7.A8.B9.C 10.D二、填空题1.内容、边框、内边距和外边距2.标准文档流3.块级，行内，display4.float5.box-shadow第6章一、选择题1.C2.B3.D4.C5.B6.D7.C8.B9.D 10.B(将题目中的“第二个p元素”改为“第二个子元素”)二、填空题1.属性2.表达式3.+4.p:first-child或者p:nth-child(1)5.content第7章一、选择题1.C2.C3.D4.A5.C6.B7.C二、填空题1.auto2.@media3.screen第8章一、选择题1.C2.A3.B4.C5.C6.A7.D8.A9. B 10.D二、填空题1. ease2. 中心3. scale4. preserve-3d5. from to一、选择题1-5 DADCB 6-10 CCCDD二、填空题1、数值型（number）、字符串型（string）、布尔型（boolean）2、对象（object）类型、函数3、全局变量、局部变量4、eval5、arguments第10章一、选择题1-5 CADAD 6-10 DBCCD11-15 ADDBD 16-20 ABDCB二、填空题1、Math.floor(Math.random()*8);2、var d = new Date();3、length4、screen5、getElementsByTagName6、nodeType7、document.documentElement8、childNodes 或者children9、attributes10、var p=document.createElement("p");第11章一、选择题1-5 BCCBB 6-9 DBDD二、填空题1、事件捕捉和事件冒泡2、addEventListener3、cancelBubble4、target。

HTML习题答案2

第1章 HTML基础知识1、发展历史：1)1945年，出现了文本和文本之间通过超级链接相互关联的思想。

2)1960年，Ted Nelson正式将这种信息关联技术命名为超文本（Hypertext）技术。

3)1969年，IBM的Charles Goldfarb发明了可用于描述超文本信息的GML（通用标记语言）。

4)1978—1986年，在ANSI等组织的努力下，GML语言进一步发展成为著名的SGML（标准通用标记语言）标准。

Tim Berners-Lee对SGML做了大刀阔斧的简化和完善，创建了最初的HTML，用它在自己编写的图形化Web浏览器上看到了最早的Web页面。

W3C（万维网联盟）网络标准化组织联合主流浏览器开发商一同定义HTML标准。

5)1992年，HTML1于发布到Internet上，紧接着是HTML2、HTML3、HTML3.2和HTML4.0。

6)1999年12月，W3C推出最新的HTML4.01，它是HTML4.0的改进版。

未来：体现在两个方向上，一是模块分离，二是DHTML、XML和XHTML等的出现和应用。

2、编辑工具包括：Windows记事本，Microsoft Office Word，Dreamweaver，Frontpage，Editplus 等。

常见浏览器有：Internet Explorer（IE），火狐（Firefox），傲游（Maxthon）等。

3、标记：依靠它们给浏览器发出不同的指示，从而解释执行HTML文档。

标记都括在一对尖括号“<”和“>”中，标记一般成对出现。

元素：用于指示浏览器如何组织和显示文档。

元素一般由一个起始标记和其对应的结束标记、标记之间的内容构成，浏览器依据标记对元素中的文字或图片等内容进行控制和显示。

属性：HTML起始标记内很可能含有一些HTML 属性，这些属性是元素具有的，用来告诉浏览器如何控制或显示元素内容的。

4、长度值：用来定义元素在屏幕上显示的大小。

HTML试题(含答案)

HTML试题库一、选择题：1.下面代码使用HTML元素的ID属性，将样式应用于网页上的某个段落：<p id="firstp">这是第一个段落</p>以下关于样式规则定义正确的是（）。

A．<style type="text/css">p{color:red}</style>B．<style type="text/css"># firstp {color:red}</style>C．<style type="text/css">.firstp {color:red}</style>D．<style type="text/css">P.firstp {color:red}</style>2.下列代码段是某页面的样式设置：<style TYPE="text/css">.blue { color:blue }.red { color:red }</style>3.下面有关样式表的说法正确的是（）（选择两项）。

A．通过样式表，用户可以使用自己的设置来覆盖浏览器的默认样式B．样式表不能重用C．每个样式表只能链接到一个文档D．样式表可以用来改变字体，修改颜色等4.根据以下的HTML代码片段：…<h1 style="font-style:italic;color:limegreen;font-size=30";>hello!Nice to meet you! </h1><h1>this is the default display of an h1 element</h1>…以下描述不正确是（）。

新手课后测试题及答案

新手课后测试题及答案一、选择题（每题2分，共10分）1. 以下哪个选项是HTML的注释标记？A. B. <!注释内容>C. //注释内容D. /*注释内容*/答案：A2. CSS选择器中，用于选择类名为"example"的元素的写法是：A. #exampleB. .exampleC. exampleD. [example]答案：B3. JavaScript中，用于声明函数的关键字是：A. functionB. defC. varD. let答案：A4. 在HTML中，用于创建无序列表的标签是：A. <ul>B. <ol>C. <dl>D. <table>答案：A5. 下列哪个不是JavaScript中的全局对象？A. windowB. documentC. MathD. String答案：D二、填空题（每题2分，共10分）1. 在HTML中，用于定义文档标题的标签是____。

答案：<title>2. CSS中，用于设置元素背景颜色的属性是____。

答案：background-color3. JavaScript中，用于获取当前日期的函数是____。

答案：new Date()4. 在HTML中，用于创建超链接的标签是____。

答案：<a>5. CSS中，用于设置元素的字体大小的属性是____。

答案：font-size三、简答题（每题5分，共20分）1. 请解释HTML5中的语义化标签有哪些，并给出至少两个例子。

答案：HTML5的语义化标签用于更好地描述页面内容的结构。

例如，<header>用于定义文档的头部区域，<footer>用于定义文档的底部区域。

2. 请简述CSS选择器的优先级。

答案：CSS选择器的优先级从高到低依次为：内联样式、ID选择器、类选择器、伪类选择器、标签选择器、伪元素选择器、通配符选择器。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

HTML课后习题一、选择题1. 下列标签中，用于设置字体大小、颜色的标签是（D）A. bB. subC. supD. font2.关于下列代码片段，说法错误的是（A）<img src = "a.jpg" align = "left" width = "100" height = "100" / >A. 用于在HTML文档中插入图像链接B. 图像以100×100的大小显示C. <image>标签用于在页面中显示一张图像D. 图像的对齐方式为左对齐3. 下面关于文件路径的说法错误的是（C）A. 文件路径指文件存储的位置B. “../”用于返回当前目录的上一级目录C. “../”用于访问当前目录的下一级目录D. 访问下一级目录直接输入相应的目录名即可4.关于下面代码片段，解释正确的是（C）<cite>This example uses the CITE element to render a citation in italic.</cite><br/><strong>The example uses the STRONG element to stand out in bold.</strong><br/>A. 标签cite 用于设置内容以黑体显示B. 标签strong 用于设置内容以斜体显示C. 标签face用于设置文本的字体D. 标签strong 用于显示引用文本5. 下列关于锚点说法错误的是（BCD）A. <a>标签的href属性用于指定要链接内容的地址B. 命名锚点使用的标签为<name>C. 使用锚点只能链接文档的文本D. 使用锚点可以链接当前文档的指定位置，也可以链接其他内容中的指定位置1. 用于设置单元格之间距离的属性是（B）A. borderB. cellspacingC. cellpaddingD. margin2.运行以下代码，在浏览器中将显示（AD）<table border = "0"><tr><th>姓名</th><th>年龄</th></tr><tr><td>张明</td><td>28</td></tr><tr><td>李红</td><td>23</td></tr></table>A. 三行两列的表格B. 二行两列的表格C. 表格带有边框D. 表格的间距为03.有关下列代码分析不正确的是（A）<table width = "100" border = "0" cellspacing = "0" cellpadding = "0"> <tr><td rowspan = "2">电话卡</td><td>联通</td></tr><tr><td>移动</td></tr></table>A. 第一行有两列，第二行有一列B. 第一行的第一列跨两行C. 单元格的间距和边距为0D. 单元格的宽度为100px4. 用于设置单元格内容在垂直方向上居中的属性是（D）A. centerB. marginC. alignD. valign5. 用于在网页中创建表单的标签是（D）A. <option>B. <select>C. <input>D. <form>6. 在网页中通常采用（D）完成性别的输入A. 复选框B. 文本框C. 密码框D. 单选按钮7.关于下面代码片段分析正确的是（D）<form name = "myform" action = "checkLogin.do" method = "post">... ...</form>A. 表单的名称为myformB. 表单的数据提交的位置是checkLogin.doC. 表单提交的数据将会出现在地址栏中D. 以post方式提交的表单数据没有大小限制1. 下面选项中（B）应用了行内样式A. <p class = "style">B. <p style = "color : red ;">C. <p id = "content">D. <p class = "style1 style2">2.对以下代码片段分析正确的是（ABC）<p style = "border : 1 px solid red ; font-size : 16 px ; backgroud-color : gray ; ">A. 段落的背景色为grayB. 段落的边框大小为1pxC. 段落的字体大小为16pxD. 样式应用错误3. 有关选择器的说法正确的是（B）A. 类选择器只能应用于某一类HTML元素B. ID选择器可以重复使用C. 标签选择器的优先级高于类选择器D. 标签选择器用于修改HTML元素默认的样式4. 下列选项中（D）可以设置页面元素的背景图像A. backgroud-colorB. fontC. borderD. backgroud5. 下列说法错误的是（B）A. ID选择器的优先级高于Class选择器B. ID选择器应用具有唯一性C. Class选择器可以重复应用于多个页面元素D. 伪类选择器只能用于定义超链接的状态1. 下列选项中（A）属性可以隐藏页面元素A. displayB. floatC. clearD. Font2. 下列属性中，不属于块状标签的是（B）A. <h1>B. <span>C. <p>D. <div>3.关于下列代码片段分析不正确的是（B）<style type = "text/css">a {display : inline ;display : block ;width : 100px ;height : 30px ;border : 1px solid red ;}</style>A. 以上代码用于修改超链接标签的默认样式B. 超链接将以块状方式显示C. 超链接的宽度为100px，高度为30pxD. 超链接在同一行显示4. 下列选项中关于标签div与span的说法正确的是（B）A. span标签只能用于文本内容B. div标签显示时将独占一行C. span标签在浏览器中显示是将占满一行D. 多个div标签元素将在同一行显示5. 以下属性中，可以用于设置段落文本缩进的是（D）A. text-alignB. text-weightC. font-indentD. text-indent1.有关下面代码片段，说法正确的是（C）.cell : hover td{color : #000000 ;cursor : pointer ;backgroud-color : #99CCCC ;}A. cell为id选择器B. cursor : pointer用于设置鼠标文本形式C. cell : hover td用于设置cell在鼠标悬停时和td的样式规则D. cell : hover td用于设置在鼠标悬停时cell下的所有td的样式规则2. 下列属于子类选择器的是（A）A. body p { }B. body > p { }C. body , p { }D. body + p { }3. 最常见的页面布局由（ABD）组成A. banner部分B. 内容部分C. 图片列表D. 版权声明部分4. 在制作系统后台页面时，通常会优先考虑的布局是（A）A. DIV布局B. 框架布局C. 表格布局D. 文字布局5. 采用DIV+CSS设计页面布局的优势包括（ACD）A. 减少页面冗余代码B. 更容易修改和维护C. 容易被搜索引擎收录D. 可以轻松地控制页面布局1. 下列选项中，用于设置超链接所指向页面的URL属性是（C）A. nameB. targerC. hrefD. title2. 下列选项中，用于设置页面元素边框样式的属性是（D）A. borderB. marginC. padding-topD. bordercolor3. 下列选项中，用于设置页面之间间距的属性是（B）A. marginB. paddingC. borderD. text-align4. 在Dreamweaver中创建模板，系统会自动在站点根目录下创建（A）文件夹以保存模板文件A. TemplatesB. tempsC. imagesD. css5. 下面关于模板说法不正确的是（C）A. 模板是一个Dreamweaver提供的特殊文件，可以同时更新多个页面B. 修改模板的可编辑区域不会影响应用模板的页面C. 创建模板时通常不需要创建可编辑区域D. 某个页面应用模板后，根据页面设计需要可直接在页面中对不可编辑区进行修改。

HTML课后习题(带答案)

合集下载

HTML5网页设计与制作习题练习与答案

html习题(答案)

Html5程序设计基础教程(练习题参考答案)

html试题与答案

HTML5入门到精通课后答案

HTML书后习题答案

HTML试题及标准答案.doc

《HTML5移动Web开》课后习题及答案

HTML网页设计-带答案

HTML试题(含答案)

html习题附答案-!#!￥%@)

html习题附答案-!#!￥%@)

基于HTML5的网页设计及应用(第2版)-课后习题答案[3页][001]

HTML习题答案2

HTML试题(含答案)

新手课后测试题及答案

文档推荐

最新文档