网页设计复习题_第1页
网页设计复习题_第2页
网页设计复习题_第3页
网页设计复习题_第4页
网页设计复习题_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、1、 单选题（1）要使单选框或复选框默认为已选定，要在input标签中加（ ）属性A、selected B、disabled C、type D、checked（2）要使表单元素（如文本框）在预览时处于不可编辑状态，显灰色，要在input中加（ ）属性 A、selected B、disabled C、type D、checked（3）下列哪一项表示的不是按钮。（   ）Atype="submit"         Btype="reset" 

2、60;          Ctype="image"    Dtype="button" （4）下面哪一个属性不是文本的标签属性？（   ）Anbsp;      Balign       Ccolor      Dface （5）下面哪一

3、项的电子邮件链接是正确的？（   ）A            B         Cxxxcom               Dxxx （6）当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（   ）

4、AASP                       BHTML             CZIP             

5、60;          DCGI （7）下面说法错误的是(  )    A、CSS样式表可以将格式和结构分离    B、CSS样式表可以控制页面的布局C、CSS样式表可以使许多网页同时更新  D、CSS样式表不能制作体积更小下载更快的网页（8）CSS样式表不可能实现(  )功能。    A、将格式和结构分离      

6、0;    B、一个CSS文件控制多个网页    C、控制图片的精确位置      D、兼容所有的浏览器（9）若要在网页中插入样式表main.css,以下用法中，正确的是（）。A、 <Link Src=”main.css” type=text/css rel=stylesheet>B、 <Link href=”main.css” type=text/css rel=stylesheet>C、<Link href=”main.css” type=text/c

7、ss>D、<Include href=”main.css” type=text/css rel=stylesheet>（10）若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）。A、<Style>    .myTextFont-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt    </style>B、.myTextFont-Familiy:

8、Arial;Font-size:9pt;Line-Height:13.5ptC、<Style>    .myTextFontName:Arial;FontSize:9pt;LineHeight:13.5pt    </style>D、<Style>    . .myTextFontName:Arial;Font-ize:9pt;Line-eight:13.5pt    </style>（11）下列哪个标签是定义标题的（ ）A、h

9、1 B、hr C、hw D、p（12）html中的注释标签是（ ） A、<- ->B、<-! ->C、<!- ->D、<- -!>（13）<strong></strong>标签的作用是（ ） A、斜体 B、下划线 C、上划线 D、加粗（14）网页中的空格在html代码里表示为（ ）A、&amp; B、&nbsp; C、&quot; D、&lt;（15）下列哪种方式是用类选择器定义样式的（）A、pcolor:red;B、.onecolor:red;C、#twocolor:red;D、p,h1c

10、olor:red;（16）、下面哪一项是换行符标签？（    ）A<body>           B<font>             C<br>               D&

11、lt;p> （17）、下列哪一项是在新窗口中打开网页文档。（    ）A_self                B_blank             C_top           

12、;     D_parent（18）、用HTML标记语言编写一个简单的网页，网页最基本的结构是（ ）。A <html> <head></head> <frame></frame> </html>B <html> <title></title> <body></body> </html>C <html> <title></title> <frame></fram

13、e> </html>D <html> <head></head> <body></body> </html>（19）要使表格的边框不显示，应设置border的值是(  )。    A1    B0    C2    D3（20）在HTML中，标记<pre>的作用是(  )。A.标题标记    B预排版标记  

14、;  C.转行标记    D文字效果标记（21）定义锚记主要用到<a>标签中的（ ）属性。A、name B、target C、onclick D、onmouseover（22）下列哪个是正确的css集体声明方式（）A、p；h1color:red;B、.onecolor:red;C、#twocolor:red;D、p,h1color:red;（23）下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号， 正确的定义是：（ ）A、p font-family：宋体；font-size：20px；font-weight：800；c

15、olor:red;font-style：italic； B、p font-family：20px；font-size：宋体；font-weight：800；color:red;font-style：italic； C、p font-family：20px；font-size：800；font-weight：宋体；color:red;font-style：italic； D、pfont-family：800；font-size：20px；font-weight：red；color: italic;font-style：宋体； （24）下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、

16、有下划线，正确的定义是：（）A、 ptext-decoration：underline；letter-spacing：0.5em；vertical-align：top；text-align：left； B、 ptext-decoration：0.5em；letter-spacing：underline；vertical-align：top；text-align：left； C、 ptext-decoration：left；letter-spacing：top；vertical-align：0.5em；text-align：underline； D、 ptext-decoration：under

17、line；letter-spacing：0.5em；vertical-align：left；text-align：top； （25）关于文本对齐，源代码设置不正确的一项是：（    ）A居中对齐：<div align="middle"></div> B居右对齐：<div align="right"></div> C居左对齐：<div align="left"></div> D两端对齐：<div align="justi

18、fy"></div>（26）要在新窗口中打开所点击的链接，实现方法是将<a>标签的target属性设为（ ）A、_blank B、_self C、_parent D、_top（27）下列代表无序清单的标签是（ ）A、<ul><li></ul>B、<ol><li></ol>C、<hl><li></hl>D、< li >< ol ></ li >（28）定义表单所用的标签是（ ）A、table B、form C、se

19、lect D、input（29）要实现表单元素中的复选框，input标签的type属性应设为（ ）A、radio B、checkbox C、select D、text（30）CSS的缩写是 （ ） A.Computer Style Sheets B.Cascading Style Sheets C.Creative Style Sheets D.Colorful Style Sheets 2、填空题（1）、可用 <p> 标签定义段落。（2）、CSS为超级链接文本建立了4个伪类选择器： a:link 为尚未链接的超级链接文本样式， a:visited 为已链接过的超级链接文本样式，

20、a:hover 为鼠标移到超级链接文本上方的样式， a:active 为在超级链接文本上的选择鼠标的样式。（3）用来输入密码的表单域是  type=password 。（4）文件头标签包括关键字、描述、 编码、基础和链接等。（5）Area的shape属性中，shape=rect表示的形状为_矩形_；shape=circle表示的形状为_圆形_；shape=poly表示的形状为_多边形_。（6）、要生成水平线，可用 <hr> 标签。（7）、<img>中的 src 属性是用于指定图片源文件地址的。（8）、要定义表单元素中的文本框，in

21、put标签中type属性应设为 text 。 （9）、要定义表单元素中的密码框，input标签中type属性应设为 password 。（10）表格的标签是   <table></table>        ，单元格的标签是   <td></td>        。（11）HTML网页文件的标记是_，网页文件的主体标记是_，标记页面标题的标记是_。（

22、12）表格的宽度可以用百分比和  像素两种单位来设置。（13）HTML文件的扩展名_，CSS文件的扩展名_。（14）定义换行所用的标签是 br 。 (16) 、合理的页面布局中常听过结构与表现分离，那么结构是_.html _，表现是_.css （17）、如下图为一个border为1px 的div块，总宽度为215px（包括border），阴影区为padding-left:25px;，那么此div的width应设置为_188_px。（18）、CSS样式有内联式，内嵌式，链接式和导入式（19）、CSS中ID选择符在定义的前面要有指示符 #。（20）、创建自定义CSS样式时，样式

23、名称的前面必须加一个圆点 （21）、a:hover表示超链接文字在鼠标放上去 时的状态。 （22）、div与span的区别是_div是块元素，span是行内或内联元素（23）、 改变元素的外边距用_ margin _，改变元素的内填充用_ padding （24）、Color:#666666;可缩写为_color:#666_。3. 将以下CSS代码进行缩写，注意要符合缩写的规范。（1）、 代码一： border-width:1px; border-color:#000; border-style:solid; （2）、 代码二： background-position:0 0; backgro

24、und-repeat:no-repeat; background-attachment:fixed; background-color:#f00; background-image:url(background.gif); （3）、 代码三： font-style:italic; font-family:"Lucida Grande",sans-serif; font-size:1em; font-weight:bold; font-variant:small-caps; line-height:140%;（4）、 代码四： list-style-position

25、:inside; list-style-type:square; list-style-image:url(image.gif); （5）、代码五： margin-left:20px; margin-right:20px; margin-bottom:5px; margin-top:20px;(6)、代码六： color:#336699; color:#ffcc00;3、制作题(15分)(1)使用内联的CSS样式，重构一个如下图的水平、垂直都居中短边为50px，长边为150px的红色十字架。要求：1) 使用2个div完成2) 使用3个div完成3) 使用5个div完成请将代码写出。答案：1、使

26、用2个div完成：<style type="text/css">#a,#bposition:absolute;background-color:red;top:50%;left:50%;#amargin-left:-75px;margin-top:-25px;width:150px;height:50px;#bmargin-left:-25px;margin-top:-75px;width:50px;height:150px;</style><div id="a"></div><div id=&quo

27、t;b"></div>2.使用3个div完成：<style type="text/css">#a,#b,#cposition:absolute;background-color:red;top:50%;left:50%;#awidth:50px;height:50px;margin-top:-25px;margin-left:-75px#bmargin-left:-25px;margin-top:-75px;width:50px;height:150px;#cwidth:50px;height:50px;margin-top:-25p

28、x;margin-left:25px;</style><div id="a"></div><div id="b"></div><div id="C"></div>3.使用5个div完成：<style type="text/css">#aposition:absolute;width:150px;height:150px;left:50%;top:50%;margin-left:-75px;margin-top:-75px

29、;background-color:red;#b,#c,#d,#ebackground-color:white;width:50px;height:50px;position:absolute;#bleft:0;top:0; #cright:0;top:0;#dleft:0;bottom:0;#eright:0;bottom:0;</style><div id="a"><div id="b"></div><div id="c"></div><div id="d"></div><div id="e"></div></div>（2） 如何指定div元素中样式类为c1,字体大小为9pt 的css样式? 答案:div .c1font-size:9pt; （3） 用html实现如下表格(不如嵌套实用表格) 三行三列,其中第一行第一列和第二行第一列合并

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论