admin 管理员组

文章数量: 887021


2023年12月19日发(作者：string类型是什么)

精品

网页制作练习题

一、选择题

1．在网页中最为常用的两种图像格式是（ A ）

和png 和psd 和bmp 和bmp

2．标记符是放在标记符（ B ）之间的 </p><p style="text-indent: 2em;";>A.<html></html> > </p><p style="text-indent: 2em;";>B.<head></headC.<body></body> > </p><p style="text-indent: 2em;";>D.</head><body3．样式表定义 #title {color:red} 表示（ B ）。 </p><p style="text-indent: 2em;";>A.网页中的标题是红色的 </p><p style="text-indent: 2em;";>B.网页中某一个id为title的元素中的内容是红色的 </p><p style="text-indent: 2em;";>C.网页中元素名为title的内容是红色的 </p><p style="text-indent: 2em;";>D.以上任意一个都可以 </p><p style="text-indent: 2em;";>4．＜img＞标记符中连接图片的参数是：（ B ） </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>5．不属于HTML标记的是（ C ） </p><p style="text-indent: 2em;";>A.<html> B.<head> C.<color> D.<body> </p><p style="text-indent: 2em;";>6．为了标记一个HTML文件，应该使用的HTML标记是（ C ） </p><p style="text-indent: 2em;";>A.<p></p> B.<body></body> </p><p style="text-indent: 2em;";>-可编辑- </p><p style="text-indent: 2em;";>C.<html></html </p><p style="text-indent: 2em;";>精品 </p><p style="text-indent: 2em;";>> D.<title></ title> </p><p style="text-indent: 2em;";>7．运行下面创建表格的代码，在浏览器里会看到（ D ）的表格。 </p><p style="text-indent: 2em;";><table width=”20%” border=”1”> </p><p style="text-indent: 2em;";><tr><td></td><td></td></tr> </p><p style="text-indent: 2em;";><tr><td></td><td></td></tr> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";>A.3行2列 B.2行3列 C.3行3列 </p><p style="text-indent: 2em;";>8．运行下面代码，在浏览器里看到（ C ） </p><p style="text-indent: 2em;";><table width=”20%” border=”1”> </p><p style="text-indent: 2em;";><tr><td colspan=”2”></td></tr> </p><p style="text-indent: 2em;";><tr><td rowspan=”2”></td><td></td></tr> </p><p style="text-indent: 2em;";><tr><td></td></tr> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";>A.6个单元格 B.5个单元格 C.4个单元格 </p><p style="text-indent: 2em;";>9．若要是设计一块区域背景图片为，以下标记中，正确的是（ </p><p style="text-indent: 2em;";>A.<div style=”background-image=;”> </p><p style="text-indent: 2em;";>B.<div style=”background-image:;”> </p><p style="text-indent: 2em;";>-可编辑- </p><p style="text-indent: 2em;";>D.2行2列 </p><p style="text-indent: 2em;";>D.3个单元格 </p><p style="text-indent: 2em;";>） D </p><p style="text-indent: 2em;";>精品 </p><p style="text-indent: 2em;";>C.<div style=”background-img=;”> </p><p style="text-indent: 2em;";>D.<div style=”background-image :url();”> </p><p style="text-indent: 2em;";>10．HTML语言中，设置表格中文字与边框距离的标签是（ C ） </p><p style="text-indent: 2em;";>A.<table border=#> C.<table cellpadding=#> </p><p style="text-indent: 2em;";>B.<table cellspacing=#> D.<table width=#or %> </p><p style="text-indent: 2em;";>11．HTML语言中<strong>标记的作用是（ C ） </p><p style="text-indent: 2em;";>A.给文字加下划线 C.将文字变成粗体 </p><p style="text-indent: 2em;";>B.给文字加删除线 D.将文字变成斜体 </p><p style="text-indent: 2em;";>12．内部样式表的元素是（ A ） </p><p style="text-indent: 2em;";>A.<style> B.<css> C.<script> </p><p style="text-indent: 2em;";>13．元素中定义样式表的属性名是（ A ） </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>14．下列（ C ）是定义样式表的正确格式。 </p><p style="text-indent: 2em;";>A.{body:color=black(body} {color: black} </p><p style="text-indent: 2em;";>B.{body:color=black } D.{body;color:black} </p><p style="text-indent: 2em;";>15．用来设置页面内容需要写在那个标签内部（ B ） </p><p style="text-indent: 2em;";>A.<head>和</head> B.<body>和</body> </p><p style="text-indent: 2em;";>-可编辑- </p><p style="text-indent: 2em;";>精品 </p><p style="text-indent: 2em;";>C.<html>和</html> D.<title>和

16．HTML中的标题标签共有几个级别（ C ）

A.4级 B.5级 C.6级

17．下面不是组成一个HTML文件基本结构标签的是（ C ）

A. B. C.

18．HTML语言中的强制换行的是（ B ）

A.

B.

C.

19．标签hr的作用是（ B ）

A.强制换行 C.设置标题

B.画一条水平线 D.显示斜体文字

20．在网页中要输入一个空格，应使用（ B ）

A.&nsnp; B.  C.&sbnp;

21．下面有关标记符的正确说法是：（ D ）

A.该标记符的参数是src

B.该标记符的参数是hrefs

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

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

-可编辑-

D.7级

D.D.

D.&sbpn;

精品

22．要在表单中创建一个普通文本框，以下的写法中正确的是（ A ）

A. C.

B. D.

23．在HTML中，插入图片用（ B ）标签来定义。

A.a

24．（ A ）标记表示网页中一个段落的开始。

A.

B.

C.

D.

25．当浏览器不支持图像时，图像标签的（ D ）属性的文本内容可以代替说明图像信息。

26．行块标签中的行标签中的无语义的是（ C ）

27．在CSS中要使a标签去除下划线，text-decoration属性的取值应该是（A）

ine ne -though

28．哪个属性可以控制文本的大小（ A ）

-size -style -style -size

29．如何改变块元素的左边距？（ C ）

-可编辑-

精品

-indent -left -left

30．创建下拉列表应使用以下标记符（ A ）

和option 和option

和dt、dd

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+89

句首 home

句尾 end

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

-可编辑-


本文标签： 标签 标记 样式 网页 属性

版权声明：本文标题：网页制作练习题 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/free/1702931680h436426.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。