2023年HTML语言与网设计题库含答案

HTML语言与网页设计题库（含答案）第1题判断正误（1）HTML标记符的属性一般不区分大小写。（对）（2）网站就是一个链接的页面集合。（对）（3）将网页上传到Internet时通常采用FTP方式。（对）（4）所有的HTML标记符都涉及开始标记符和结束标记符。（错）（5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）。（6）B标记符表达用粗体显示所涉及的文字。（对）（7）GIF格式的图象最多可以显示256种颜色。（对）（8）HTML表格在默认情况下有边框。（错）（9）创建图象映射时，理论上可以指定任何形状作为热点。（对）（10）指定滚动字幕时，不允许其中嵌入图象。（错）（11）在HTML表格中，TD和TH标记符都可以用来涉及单元格内容。（对）（12）在HTML表格中，表格的行数等于TR标记符的个数。（对）（13）在HTML表格中，表格的列数等于任意一行中TH与TD的个数。（错）（14）在HTML表格中，表格的列数等于任意一行中TH与TD的colspan属性的和。（错）（15）在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。（对）（16）在HTML表格中，在TR、TD或TH标记符中使用align属性可以控制单元格内容的垂直对齐。（错）（17）HTML表格内容的垂直对齐方式默认为垂直居中。（对）（18）框架是一种能在同一个浏览器窗口中显示多个网页的技术。（对）（19）要想在一个网页中嵌套此外一个网页，一般可以使用页内框架。（对）（20）只有在框架结构的网页中，才干将A标记符的target属性指定为_blank，从而使超链接目的文献在一个新的浏览器窗口中打开。（21）在HTML中，与表格同样，表单也能嵌套。（错）（22）一个网页中只能包含一个表单。（错）（23）在HTML表单中，文本框、口令框和复选框都是用INPUT标记符生成的。（对）（24）在HTML表单中，提交按钮和重置按钮都可以用图象表达。（错）（25）在网页中插入Flash动画，通常需要使用OBJECT标记符。（对）（26）Java小应用程序对象既可以用APPLET标记符插入，也可以用OBJECT标记符插入。（对）（27）在CSS中，可以用3种以上的方式来表达颜色。（对）（28）CSS样式表项的组成为：selector{property1:value1,property2:value2,……}（错）（29）在CSS中要设立超链接的效果，应指定虚类selector。（对）（30）CSS中的color属性用于设立HTML元素的背景颜色。（错）第2题单选题（20分）（1）WWW是的意思。答案：BA．网页B．万维网C．浏览器D．超文本传输协议（2）在网页中显示特殊字符，假如要输入“<”，应使用_________。答案：DA．lt;B．≪C．<D．<（3）以下有关列表的说法中，错误的是：。答案：DA．有序列表和无序列表可以互相嵌套。B．指定嵌套列表时，也可以具体指定项目符号或编号样式。C．无序列表应使用UL和LI标记符进行创建。D．在创建列表时，LI标记符的结束标记符不可省略。（4）以下关于FONT标记符的说法中，错误的是：答案：DA．可以使用color属性指定文字颜色。B．可以使用size属性指定文字大小（也就是字号）。C．指定字号时可以使用1~7的数字。D．语句<FONTsize="+2">这里是2号字</FONT>将使文字以2号字显示。（5）以下关于JPEG图像格式中，错误的是：答案：BA．适合表现真彩色的照片。B．最多可以指定1024种颜色。C．不能设立透明度。D．可以控制压缩比例。（6）假如要在表单里创建一个普通文本框，以下写法中对的的是：。答案：AA．<INPUT>B．<INPUTtype="password">C．<INPUTtype="checkbox">D．<INPUTtype="radio">（7）以下有关表单的说明中，错误的是：。答案：CA．表单通常用于搜集用户信息。B．在FORM标记符中使用action属性指定表单解决程序的位置。C．表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。D．在FORM标记符中使用method属性指定提交表单数据的方法。（8）在指定单选框时，只有将以下属性的值指定为相同，才干使它们成为一组。答案：BA．typeB．nameC．valueD．checked（9）创建选项菜单应使用以下标记符：。答案：AA．SELECT和OPTIONB．INPUT和LABELC．INPUTD．INPUT和OPTION（10）以下有关按钮的说法中，错误的是：。答案：BA．可以用图像作为提交按钮。B．可以用图像作为重置按钮。C．可以控制提交按钮上的显示文字。D．可以控制重置按钮上的显示文字。（11）以下说法中，错误的是：。答案：DA．获取WWW服务时，需要使用浏览器作为客户端程序。B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。C．网站就是一系列逻辑上可以视为一个整体的页面的集合。D．所有网页的扩展名都是.htm。（12）以下说法中，错误的是：。答案：BA．网页的本质就是HTML源代码。B．网页就是主页。C．使用“记事本”编辑网页时，应将其保存为.htm或.html后缀。D．本地网站通常就是一个完整的文献夹。（13）以下说法中，错误的是：。答案：DsA．主页是网站中的一个特定页面。B．网页中的注释可以放在任何位置。C．在HTML中， 表达空格。D．在HTML中，<表达>。（14）以下说法中，对的的是：。答案：CA．P标记符与BR标记符的作用同样。B．多个P标记符可以产生多个空行。C．多个BR标记符可以产生多个空行。D．P标记符的结束标记符通常不可以省略。（15）要控制水平线的粗细，应使用以下属性：。答案：CA．colorB．widthC．sizeD．height（16）以下说法中，错误的是：。答案：BA．GIF格式的图象采用无损压缩算法进行图象压缩。B．只有GIF格式才干使用透明色。C．GIF格式支持动画。D．GIF格式最多可以显示256种颜色。（17）以下说法中，错误的是：。答案：DA．JPEG格式使用有损压缩算法进行图象压缩。B．解决JPEG格式的图象时，可以控制压缩比率。C．JPEG格式的图象几乎没有颜色限制。D．JPEG格式的图象具有透明色的特点。（18）以下说法中，对的的是：。答案：CA．可以通过直接改文献名后缀来修改图象格式。B．矢量图通常比位图的文献尺寸大。C．使用图象解决软件可以修改图象的像素大小。D．Flash是一种位图解决软件。（19）以下说法中，对的的是：。答案：BA．在IMG标记符中使用align属性，可以控制图象在页面中的对齐。B．在IMG标记符中使用align属性，可以控制图象与文字的围绕效果。C．在IMG标记符中使用valign属性，可以控制图象与周边内容的垂直对齐。D．在IMG标记符中使用valign属性，可以控制图象与周边内容的水平对齐。（20）以下说法中，错误的是：。答案：DA．表格在页面中的对齐应在TABLE标记符中使用align属性。B．要控制表格内容的水平对齐，应在TR、TD、TH中使用align属性。C．要控制表格内容的垂直对齐，应在TR、TD、TH中使用valign属性。D．表格内容的默认水平对齐方式为居中对齐（21）要创建一个左右框架，左边框架宽度是右边框架的3倍，以下HTML语句对的的是：BA．<FRAMESETcols="*,2*">B．<FRAMESETcols="*,3*">C．<FRAMESETrows="*,2*">D．<FRAMESETrows="*,3*">（22）要创建一个上下框架，上边框架高度是下边框架的3倍，以下HTML语句对的的是：。答案：DA．<FRAMESETcols="*,2*">B．<FRAMESETcols="*,3*">C．<FRAMESETrows="*,2*">D．<FRAMESETrows="*,3*">（23）要创建一个如图所示的框架，应使用以下代码：CA.<FRAMESETcols="100,*"><FRAME><FRAMESETcols="120,*"><FRAME><FRAME></FRAMESET></FRAMESET>B．<FRAMESETrows="100,*"><FRAME><FRAMESETcols="120,*"><FRAME><FRAME></FRAMESET></FRAMESET>C．<FRAMESETcols="100,*"><FRAME><FRAMESETrows="120,*"><FRAME><FRAME></FRAMESET></FRAMESET>D．<FRAMESETrows="100,120,*"><FRAME><FRAME><FRAME></FRAMESET></FRAMESET>（24）要创建一个如图所示的框架，应使用以下代码：BA.<FRAMESETcols="100,*"><FRAME><FRAMESETcols="150,*"><FRAME><FRAME></FRAMESET></FRAMESET>B．<FRAMESETrows="100,*"><FRAME><FRAMESETcols="150,*"><FRAME><FRAME></FRAMESET></FRAMESET>C．<FRAMESETcols="100,*"><FRAME><FRAMESETrows="150,*"><FRAME><FRAME></FRAMESET></FRAMESET>D．<FRAMESETrows="100,120,*"><FRAME><FRAME><FRAME></FRAMESET></FRAMESET>（25）以下关于框架显示效果的说法中，错误的是：DA.只有所有相邻框架的边框都设立为0，才干隐藏边框。B.可以在FRAME标记符中使用marginwidth和marginheight属性控制框架内容与框架边框之间的距离。C.框架的边框默认可以移动。D.框架默认时有滚动条。（26）以下表单控件中，不是由INPUT标记符创建的为：CA.单选框B.口令框C.选项菜单D.提交按钮（27）要给表单控件设立标签，以下代码中对的的是：DA.<INPUTtype="checkbox"name="news"><LABELfor="news">新闻</LABEL>B.<INPUTtype="checkbox"for="news"><LABELid="news">新闻</LABEL>C.<INPUTtype="checkbox"for="news"><LABELname="news">新闻</LABEL>D.<INPUTtype="checkbox"id="news"><LABELfor="news">新闻</LABEL>（28）以下选项中不能用来表达CSS颜色的是：CA.redB.#FF0000C.rgb(f,0,0)D.rgb(100%,0,0)（29）以下选项中不能用来表达CSS颜色的是：CA.redB.#F00C.rgb(f,0,0)D.rgb(100%,0,0)（30）以下有关样式表项的定义中，对的的是：CA.H1{font-family:楷体_gb2312,text-aligh:center}B.H1{font-family=楷体_gb2312,text-aligh=center}C.H1{font-family:楷体_gb2312;text-aligh:center}D.H1{font-family=楷体_gb2312;text-aligh=center}（32）以下有关样式表项的定义中，对的的是：DA.P{font-size=24px,text-aligh=center}B.P{font-size:24px,text-aligh:center}C.P{font-size=24px;text-aligh=center}D.P{font-size:24px;text-aligh:center}（33）以下关于样式表项的定义中，错误的是：CA.H1,H2{color:red}B.H1B{color:red}C.H1#color_red{color:red}D.A:active{color:red}第3题填空题（20分，每空2分，请将答案写在“填空”后面的空中）（1）假如要为网页指定黑色的背景颜色，应使用以下html语句：<body①>（2）<hrwidth=50%>表达创建一条②的水平线。（3）在OL标记符中，使用③属性可以控制有序列表的数字序列样式。（4）请至少说明GIF格式的两种特点：④；⑤。（5）请至少说出两种以上的图像解决软件的名称：⑥。（6）假如要创建一个指向电子邮件的超链接，代码应当如下：<a⑦>指向的超链接</a>（7）在给图象指定超链接时，默认情况下总是会显示蓝色边框，假如不想显示蓝色边框，应使用以下语句：<ahref=”test.htm”><imgsrc=image.gif⑧></a>（8）在指定页内超链接的时候，假如在某一个位置使用了<a⑨="target1">锚点</a>语句定义了锚点，那么应使用以下语句，以便在单击超链接时跳转到锚点定义的位置：<ahref=⑩>锚点链接</a>（9）上网浏览网页时，应使用作为客户端程序。答案：浏览器（10）TITLE标记符应位于标记符之间。答案：HEAD（11）要设立网页在黑色背景下显示白色文字，应使用语句。答案：<bodybgcolor=blacktext=white>（12）要设立一条一像素粗、200像素长的左对齐的水平线，应使用语句。答案：<hrsize=1width=200align=left>（13）要指定“比默认字体大一号，字体为隶书”的字体效果，可使用<FONT>文字</FONT>语句。（14）要使文字同时显示为粗体和斜体，应使用语句。答案：<B><I>text</B></I>（15）请至少说明JPEG格式的两种特点：；。（16）在网页中插入图像时，最基本的两个属性是。答案：src和alt（17）已知站点文献夹结构如图所示，要在interest.htm这个网页中插入sunset.gif，应使用语句。答案：<imgsrc=../images/sunset.gif>（18）已知站点文献夹结构如图所示，要在interest.htm这个网页中创建一个能跳转到index.htm文献的超链接（链接文字为“返回”），应使用语句。答案：<ahref=../index.htm>返回</a>（19）在指定锚点超链接的时候，假如在文献file1.htm某一个位置使用了<a⑨="target1">锚点</a>语句定义了锚点，那么应使用以下语句，以便在file2.htm中单击超链接时跳转到file1.htm中该锚点定义的位置：<ahref=⑩>锚点链接</a>答案：name,file2.htm#target1（20）要控制单元格内容与表格框线之间的空白，应在TABLE标记符中使用属性。cellpadding（21）要使整个表格行采用某种对齐方式，应在标记符中使用aligh属性。答案：tr（22）创建超链接时，要使目的文献在一个新窗口中打开，应使用<ahref=test.htm>跳转到新窗口</a>答案：target=_blank（23）设立超链接的目的框架时，除了可以使用特殊框架名，还可以使用框架集文献中标记符指定的name属性所相应的框架。答案：frame（24）要在表单中添加一个默认时为选中状态的复选框，应使用语句。答案：<inputtype=checkboxchecked>（25）要创建一个图像提交按钮，应将INPUT标记符的type属性指定为。答案：image（26）在表单中添加选项菜单时，应使用和标记符，其中，标记符不能省略结束标记符。Select，option，select（27）要使网页中所有的超链接都不显示下划线，样式表项应为。答案：A{text-decoration:none}（28）要定义鼠标悬停状态的样式，应使用的selector为。a:hover或:hover（29）假如要定义一个可应用于所有标记符的通用类test，应使用{color:red}答案：.test（30）要在HTML标记符中直接嵌入样式，应使用标记符的属性。答案：style填空：①bgcolor=black或bgcolor=000000或bgcolor=#000000②宽度为浏览器窗口宽度50%③type④此空与下空填写（1）无损压缩；（2）至多256色；（3）可以使用透明色；（4）可以使用交错式格式；（5）可以使用动画；中的两种即可。⑤⑥Windows画图、PhotoShop、PaintShopPro、PhotoDraw、Fireworks、Flash、Freehand中的任意两种均可。此外，还可以涉及illustrator，coreldraw等。⑦href=mailto:⑧border=0⑨name⑩#target1第4题问答题（20分）（1）简要说明html的基本工作原理。（5分）答题要点：1、标记符；2、超链接；3、属性。答出后两个要点各得2分，第一个要点得1分。（2）简要说明表格与框架布局的区别。（6分）答题要点：1、表格是在同一个网页中将页面划分为不同区域；2、框架是在同一个浏览器窗口中显示多个网页；3、框架可以通过指定超链接的目的框架获得交互式的布局效果。答出一个要点得2分。（3）举例说明在网页中使用CSS样式表的三种方式（都使用对p标记符应用color属性为例），并简要分析各自的特点。提醒：LINK标记符的用法：<LINKrel=”stylesheet”type=”text/css”href=””>（9分）答题要点：1、在标记符中直接嵌套样式信息，例如，p<style=”color:red”>红色显示的段落文本</p>；优点是可以单独指定特定部分的样式，缺陷是不利于维护。3分2、在style标记符中指定样式信息，例如<style>p{color:red}</style>优点是能对单独网页进行很好的格式控制和维护，缺陷是不利于多个网页的维护。3分3、链接外部样式表中的样式信息，例如，在当前网页目录中涉及以下mycss.css文献：p{color:red}然后在网页中用以下代码<LINKrel=”stylesheet”type=”text/css”href=””>。优点是利于维护多个网页，缺陷是不利于控制单独页面中的个别部分。3分（4）简要说明WWW工作的基本原理。要点：浏览器、服务器、地址、超链接（5）简要说明使用网页图像时应注意的问题。要点：文献较小，数量和质量，动画（6）任意列举2种可以在页面中添加多媒体效果的方法，并简要说明如何操作。要点：链接多媒体文献，嵌入Flash，使用java（7）简要说明表单的基本工作原理。要点：填写后由服务器解决，也可客户端解决（8）简要说明CSS样式表在网页制作中的作用。要点：简化格式化，简化维护，加强表现力。第5题综合题（30分）1、编写出实现如图所示页面效果的关键html代码。其中，A、B、C、D、E均为默认字号和默认字体，并且加粗显示，它们都位于各自单元格的正中间，A单元格的高度为200像素，B单元格的高度为100像素，C单元格的宽度为100像素，高度为200像素。（10分）答题要点（标记符是否大小写没有关系）：<tablewidth=300border="1"align=center><tr><tdrowspan="2"align="center"><b>A</b><tdcolspan="2"height="100"align="center"><b>B</b><tralign="center"><tdheight="100"><b>E</b><tdrowspan="2"><b>C</b><tralign=center><tdcolspan="2"height="100"><b>D</b></td></tr></table>评分要点：（不一定要与参考答案完全一致，只要最后能显示出效果即可。）（1）对的地写出了表格的行列结构，给4分。（2）对的地设立了表格各单元格大小，给2分。（2）设立了表格的边框和居中对齐，给2分。（3）设立了表格行或单元格的水平居中（垂直居中不用设立，假如设立了也不加分），给1分。（4）对的地指定了粗体，给1分。2、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下html代码中留下的空白（编号相同的空白表达应填写相同的内容），注意填写在题后的空白里。（10分）<TABLEcellspacing=（1）cellpadding=（2）align="center"><TRheight="100"><TDwidth="100"> <TDwidth="1"（3）><TDwidth="600"><H1align="center"><FONT（4）="楷体_gb2312">如梦令</FONT></H1><TR（5）="1"><TDcolspan="3"（3）><TRheight="600"><TDwidth="100"> <TDwidth="1"（3）><TDwidth="600"align="middle"valign="top"><H3><BR><BR>昨夜雨疏风骤，<BR>浓睡不消残酒。<BR>试问卷帘人，<BR>却道海棠依旧。<BR>知否？知否？<BR>应是绿肥红瘦。</H3></TABLE>（1）（2）（3）（4）（5）答案：（1）0（有无引号均对）（2）0（有无引号均对）（3）bgcolor=black或bgcolor=#000000（属性值有无引号均对）（4）face（5）height3、已知源代码如下所示（共5个文献，都位于同一目录下），请用文字或示意图（也可结合使用）说明网页效果。（10分）-------------------index.htm-----------------<HTML><HEAD><TITLE>框架结构</TITLE></HEAD><FRAMESETcols="150,*"><FRAMEsrc="content.htm"><FRAMEsrc="main.htm"name="content"></FRAMESET></HTML>---------------content.htm-------------------<HTML><HEAD><TITLE>目录</TITLE><STYLE>A{text-decoration:none}</STYLE></HEAD><BODY><Ahref=file1.htmtarget="content">文献1</A><P><Ahref=file2.htmtarget="_blank">文献2</A></BODY></HTML>---------------main.htm---------------------<HTML>内容</HTML>----------file1.htm------------<HTML>内容1</HTML>----------file2.htm------------<HTML>内容2</HTML>参考答案：要点1：分为左右两框，左边框架为150像素（2分），内容为包含两个超链接的页面（1分），并且超链接没有下划线（1分），右边框架内容为“内容”（1分），整个网页的标题为“框架结构”（1分）。假如是示意图，应类似下图。要点2：单击左边框架中的“文献1”超链接，将在右边框架中显示“内容1”（2分），单击左边框架中的“文献2”超链接，将在一个新窗口中显示“内容2”（2分）。4、已知网页初始效果如图所示，整个窗口分为左右两框，左边框架为150像素；单击左边框架中的“文献1”超链接，将在右边框架中显示“内容1”；单击左边框架中的“文献2”超链接，将在当前整个窗口中显示“-------------------index.htm-----------------<HTML><HEAD><TITLE>框架结构</TITLE></HEAD><FRAMESET（1）=（2）><FRAMEsrc="content.htm"><FRAMEsrc="main.htm"name=（3）></FRAMESET></HTML>---------------content.htm-------------------<HTML><HEAD><TITLE>目录</TITLE><STYLE>（4）{text-decoration:none}</STYLE></HEAD><BODY><Ahref=file1.htmtarget="content">文献1</A><P><Ahref=file2.htmtarget=（5）>文献2</A></BODY></HTML>---------------main.htm---------------------<HTML>内容</HTML>----------file1.htm------------<HTML>内容1</HTML>----------file2.htm------------<HTML>内容2</HTML>答案：（1）cols（2）"150,*"（3）content（4）A（大小写均可）（5）"_top"1、编写出实现如图所示页面效果的关键html代码。其中，A、B、C、D、E均为默认字号和默认字体，并且加粗显示，它们都位于各自单元格的正中间，A单元格的高度为100像素，宽度为200像素，B单元格的高度为200像素，宽度为100像素，D单元格的高度为200像素，宽度为100像素。（10分）答题要点（标记符是否大小写没有关系）：<tablewidth=300height=300border="1"align=center><tr><tdcolspan="2"align="center"height="100"><b>A</b><tdrowspan="2"align="center"><b>B</b><tralign="center"><tdrowspan=2><b>D</b><tdheight=100><b>E</b><tralign=center><tdcolspan="2"height="100"><b>C</b></table>2、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下html代码中留下的空白（编号相同的空白表达应填写相同的内容），注意填写在题后的空白里。（10分）<TABLE（1）="