搜索
您的当前位置:首页正文

网页制作练习题

来源:六九路网
网页制作练习题

一、选择题

1.在网页中最为常用的两种图像格式是( A ) A.jpg和png B.jpg和psd C.png和bmp D.psd和bmp 2.标记符是放在标记符( B )之间的 A.<html></html> B.<head></head> C.<body></body> D.</head><body> 3.样式表定义 #title {color:red} 表示( B )。 A.网页中的标题是红色的<p>B.网页中某一个id为title的元素中的内容是红色的 C.网页中元素名为title的内容是红色的 D.以上任意一个都可以<p>4.<img>标记符中连接图片的参数是:( B ) A.href B.src C.type D.alt 5.不属于HTML标记的是( C ) A.<html> B.<head> C.<color> D.<body> 6.为了标记一个HTML文件,应该使用的HTML标记是( C ) A.<p></p> B.<body></body> C.<html></html > D.<title></ title> 7.运行下面创建表格的代码,在浏览器里会看到( D )的表格。<p><table width=”20%” border=”1”><p><tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table> A.3行2列 B.2行3列 C.3行3列 D.2行2列 8.运行下面代码,在浏览器里看到( C )<p><table width=”20%” border=”1”><p><tr><td colspan=”2”></td></tr><p><tr><td rowspan=”2”></td><td></td></tr> <tr><td></td></tr><p></table><p>A.6个单元格 B.5个单元格 C.4个单元格 D.3个单元格 9.若要是设计一块区域背景图片为bg.jpg,以下标记中,正确的是( D ) A.<div style=”background-image=bg.jpg;”> B.<div style=”background-image:bg.jpg;”> C.<div style=”background-img=bg.jpg;”><p>D.<div style=”background-image :url(bg.jpg);”><p>10.HTML语言中,设置表格中文字与边框距离的标签是( C ) A.<table border=#> C.<table cellpadding=#> B.<table cellspacing=#> D.<table width=#or %> 11.HTML语言中<strong>标记的作用是( C ) A.给文字加下划线 C.将文字变成粗体 B.给文字加删除线 D.将文字变成斜体 12.内部样式表的元素是( A ) A.<style> B.<css> C.<script> 13.元素中定义样式表的属性名是( A ) A.style B.class C.styles D.font 14.下列( C )是定义样式表的正确格式。 A.{body:color=black(body} C.body {color: black} B.{body:color=black } D.{body;color:black}<p>15.用来设置页面内容需要写在那个标签内部( B ) A.<head>和</head> C.<html>和</html> B.<body>和</body> D.<title>和 16.HTML中的标题标签共有几个级别( C ) A.4级 B.5级 C.6级 D.7级 17.下面不是组成一个HTML文件基本结构标签的是( C ) A. B. C.

D. 18.HTML语言中的强制换行的是( B ) A.
B.
C.

D. 19.标签hr的作用是( B ) A.强制换行 C.设置标题 B.画一条水平线 D.显示斜体文字 20.在网页中要输入一个空格,应使用( B ) A.&nsnp; B.  C.&sbnp; D.&sbpn; 21.下面有关标记符的正确说法是:( D ) A.该标记符的参数是src B.该标记符的参数是hrefs

C.该标记符可以用来在网页中插入图片 D.该标记符可以用来在网页中插入超链接

22.要在表单中创建一个普通文本框,以下的写法中正确的是( A ) A. C. B. D. 23.在HTML中,插入图片用( B )标签来定义。 A.a B.img C.image D.span 24.( A )标记表示网页中一个段落的开始。 A.

B.


C.
D.
25.当浏览器不支持图像时,图像标签的( D )属性的文本内容可以代替说明图像信息。 A.src B.style C.value D.alt 26.行块标签中的行标签中的无语义的是( C ) A.div C.span B.strong D.input

27.在CSS中要使a标签去除下划线,text-decoration属性的取值应该是(A) A.none B.underline C.overline D.line-though 28.哪个属性可以控制文本的大小( A ) A.font-size B.text-style C.font-style D.text-size 29.如何改变块元素的左边距?( C ) A.text-indent B.indent C.margin-left D.border-left 30.创建下拉列表应使用以下标记符( A ) A.select和option C.input和option

D.dl和dt、dd B.input

31.以下标签中,用于定义表格每一列的是(A) A.··· C.

···
B.··· D.···

二、填空题

1、块标签包含: div/h1~h6/p/ul/ol/li/dl/dt/dd ;

2、行标签包含: span/a/img/em/strong/input/textarea/select ; 3、块标签里面没有直接含义的标签是: div ; 4、标题标签怎么写:

····

; 5、无序列表和有序列表的子层是___li____;

6、自定义标签的子层有 dt 、 dd ;

7、列表标签包含: ul/ol/dl ;(无序列表和有序列表的子层是 li 、自定义标签的下层有 dt/dd ); 8、强制换行是使用 br ;

9、将一块区域内的 input 标签包裹起来使用 form ; 10、a标签里面转跳的地址怎么写: ···· ; 11、img标签里面图片的地址怎么写: ;

12、img标签里面图片未加载出来时,出现的提示文字怎么写: ”图片的错误提示信息” ;

13、斜体强调是 em 、加粗强调是 strong ; 14、单选框需要使用相同 name值存在且相同 可以实现只能选择一个元素

15、value可以实现 text/password/button/reset/sumbmit 文字的显示

16、HTML网页文件的标记是 网页文件的主体标记是 标记页面标题的标记是__。

17、HTML语言的HEAD部分包含的 主 要 标 签 有 mate/titie/style/link 。 18、HTML语言中特殊字符空格的代码为   。

19、表格的标签是 table ,单元格的标签是 td/th 。 20、表格有3个基本组成部分:行、列和 caption 。 21、请写出在网页中设定表格边框的粗细的属性 border ;

22、单元格水平合并所用的属性值是 colspan ; 23、单元格垂直合并是属性值是 rowspan ;

24、….是用来定义__表格的行________;…是用来定义____表格的列_____;…是用来定义__表格的表头________。 在CSS中,对字体的设置所涉及的样式有

font-size/font-style/font-weight/font-family/color/letter-spaceing/word-spaceing 25、在表单中添加下拉列表时,应使用 select 和 option 标签; 26、如何将一段文本设置成居中对齐 style=”text-align:center;” 。 27、input属性值中,密码框是 password ;文本框是 text ;

单选框是 radio (实现单选效果需要 name存在且相同 ); 多选框是 checkbox ;查找文件是 file ;

重置按钮是 reset ; 提交是 submit ;

三、简答题

1.关于页面的基本框架?

Document

2.三种样式引入方式的相同点和不同点?

三种引入分别是:行内样式、头部样式、外部样式; 相同点:都是为元素添加对应的样式

不同点:行内样式书写复杂,出错不容易查找,但设置样式方便 头部样式存在代码提示,但书写过多时切换的过多 外部样式存在代码提示,不用上下切换,但有可能出现链接问题 3.举例说明什么是行内式CSS样式、什么是头部CSS样式、什么是外部CSS样式。

行内样式

头部样式

外部样式

4.盒子模型具体是什么内容?

包含外填充margin、边框border、内填充padding 其中:margin存在块居中:margin:auto; Margin和padding都存在四个方向:当属性值为4个时表示的是上、右、下、左;3个时表示的是上、左右、下;2个数值时表示的是上下、左右;1个数值时表示的是上下左右 Border的最基本的四种线的形状为solid(实线)、dotted(点线)、dashed(虚线)、double(双线)

5.存在几种显示方式,各自的特征分别是?相互之间怎么转化的?

答:存在四种方式;分别为行标签、块标签、行块标签、不显示行标签特征是:在一行内显示、不可以设置宽高; 块标签特征是:独占一行、可以设置宽高; 行块标签特征是:在一行内显示,可设置宽高; 不显示的特征是:不占位置;

Display:inline; 块标签转为行标签显示 Display:block; 行标签转为块标签显示 Display:inline-block; 行标签、块标签转为行块标签显示 Display:none; 行标签、块标签转为不显示 四、快捷键

选择下一个相同的单词 ctrl+d 在浏览器打开 ctrl+b 代码自动填充 tab

一列到四列 alt+shift+1~4 二行到三行 alt+shift+8\\9 句首 home 句尾 end

浏览器检查元素 f12/fn+f12

因篇幅问题不能全部显示,请点此查看更多更全内容

Top