JAVAweb 传智 HTML及CSS基础

最新推荐文章于 2024-09-03 09:58:06 发布

置顶 weixin_52574611

最新推荐文章于 2024-09-03 09:58:06 发布

阅读量526

点赞数

文章标签： html css 前端

本文链接：https://blog.csdn.net/weixin_52574611/article/details/131548877

版权

单选题
1、
在HTML中，关于表单的描述错误的是（）。
2分
A、A、以<form>标签开始，以</form>结束
B、B、属性action是指表单提交的地址
C、C、属性method是指表单提交的方式
D、D、一个网页中只能有一个表单
2、
<a></a>标签中target属性可以指定页面的打开方式，下列关于target属性说法正确的是( )。
2分
A、A、target="_self"是在新窗口打开
B、B、target="_blank"为默认值，是在原窗口打开
C、C、target="_parent"是在父框架中打开被链接文件
D、D、target="_top"是在父框架中打开被链接文件
3、
下列选项中，不是<img />标记属性的是（）。
2分
A、A、src
B、B、alt
C、C、width
D、D、href
4、
下列HTML代码中，可以实现超链接的是（）。
2分
A、A、<a name=”bookmark”>text</a>
B、B、<a href=”#bookmark”>text</a>
C、C、<a link=”#bookmark”>text</a>
D、D、<a target=”#bookmark”>text</a>
5、
关于内嵌式CSS样式的语法格式中，下列选项正确的是（）
2分
A、A、选择器{k:v; k:v; k:v;}
B、B、选择器{k:v, k:v, k:v,}
C、C、选择器{k,v; k,v; k,v;}
D、D、选择器{k->v; k->v; k->v;}
6、
下列标签属于换行标签的是（）。
2分
A、A、<br />
B、B、<p />
C、C、<span>
D、D、<form>
7、
下面选项中，属于HTML的行内标签的是（）。
2分
A、A、 <span />
B、B、<a />
C、C、<br />
D、D、<p />
8、
下列关于<body>标签，说法正确的是（）。
2分
A、A、一个HTML文档可以含有一对以上的<body>标签
B、B、<body>标签位于<html>标签外
C、C、<head>标签可以位于<html>标签外
D、D、浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标签内
9、
以下关于CSS样式中文本及字体属性的说法，错误的是( )。
2分
A、A、font-size用来设置文本字体的大小
B、B、text-align用来设置文本的对齐方式
C、C、font-type用来设置字体的类型
D、D、font-weight用来设置字体的粗细
10、
在HTML的标签中，可以向网页中插入gif图像文件的是（）。
2分
A、A、<from />
B、B、<body />
C、C、<table />
D、D、<img />
11、
在HTML中，能够实现表格跨列的属性是（）。
2分
A、A、colspan属性
B、B、rowspan属性
C、C、spancol属性
D、D、spanrow属性
12、
下列关于CSS中颜色的取值方式，错误的是（）。
2分
A、A、预定义的颜色值
B、B、十六进制
C、C、二进制
D、D、RGB代码
13、
阅读下面CSS代码: .box { margin:10px 5px; margin-right:10px; margin-top:5px; } 下面选项中与该代码段效果等同的是( )。
2分
A、A、.box { margin:5px 10px 10px 5px; }
B、B、.box { margin:5px 10px 0px 0px; }
C、C、.box { margin:5px 10px; }
D、D、.box { margin:10px 5px 10px 5px; }
14、
关于<tr>标签的描述，下列说法正确的是（）。
2分
A、A、tr是表格中的单元格标签
B、B、tr可以单独使用
C、C、tr是表格中的行标签
D、D、tr没有属性
15、
关于HTML表单中input元素的TYPE属性值，用于创建重置按钮的是（）。
2分
A、A、reset
B、B、submit
C、C、button
D、D、image
16、
阅读下面的代码： <html> <head> <title>选择器</title> <style type="text/css"> .red { color: red; } </style> </head> <body>  <h1 class="red">标题一：class="red"，设置文字为红色。</h1> <p class="red font18"> 段落二: class="red font18",设置文字为红色，字号为18px。 </p> </body> </html>下列选项中，对于上述代码中的类选择说法正确的是（）

2分

A、A、“标题一...”与“段落二...”的文本内容都不会显示红色
B、B、类名“red”前的“.”（英文点号）可以省略
C、C、同一个类选择器可以被多个标签引用
D、D、同一个类选择器不可以被多个标签引用

17、

下列设置CSS字体样式的代码中，正确的是（）。

2分

18、

在<div>标签中关于文本对齐方式，错误的是（）。

2分

多选题

19、

在CSS中，使用链入式引入CSS样式表，需要设置的<link />标签的属性是（）。

4分

判断题

20、

当一个页面被加载时，<link />标签引用的CSS样式表将同时被加载，而@import引用的CSS样式表会等到页面全部下载完后才被加载。

1分

21、

<form>标签的action属性用于指定表单提交的地址，该属性的值只能是绝对地址。

1分

22、

HTML主要作用是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

1分

23、

每一对<ol></ol>标签中可以不包含<li></li>标签。

1分

24、

在单标签中，标签名与“/”之间的一个空格间隔是不可以省略的。

1分

25、

<input />标签可以通过type属性来指定不同的控件类型

1分

26、

link标签不给予属性也可以外链css文件，并且有效果。

1分

27、

CSS的margin和padding属性最多可以指定4个属性值，各属性值以空格分隔。

1分

28、

通过对<tr>标记应用属性，可以对表格中的某一个单元格进行控制。

1分

29、

链入式是使用频率最高，也最实用的CSS样式表，它将HTML代码与CSS代码分离为两个或多个文件，实现了结构和表现的完全分离。

1分

填空题

A、A、{ font-size: 24px;}
B、B、{ font: 24px;}
C、C、{ fontSize: 24px;}
D、D、{ size: 24px;}
A、A、居中对齐：<div align=”middle”>…</div>
B、B、居右对齐：<div align=”right”>…</div>
C、C、居左对齐：<div align=”left”>…</div>
D、D、两端对齐：<div align=”justify”>…</div>
A、A、href=""
B、B、type=“text/css”
C、C、rel="sheetstyle"
D、D、rel="stylesheet"





















填空题

30、

<a>标签的属性用于指定链接指向的页面的URL。

5分

31、

HTML中，列表通常分为3类，分别是无序列表、和定义列表。

5分

32、

通常将HTML标签分为三大类，分别是单标签、和注释标签。

5分

33、

超文本标记语言简称

5分

34、

CSS样式包括内联式、内嵌式、外链式和。

5分

35、

CSS中文译为，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标签性语言。

5分

36、

表单主要由3部分构成，分别是表单控件、提示信息和。

5分

简答题

37、

请阅读下面的代码，根据注释中的要求填写代码。 <style type="text/css"> div{ /*设置字号大小为12px*/ width:200px;height:100px;font-family:”宋体” _____________________; /*设置字体行j间距为16px*/ color:red;_____________________; } </style>

5分

我的答案：

font-size:12px

line-height:16px

38、

创建一个名称为test、提交方式为GET的表单，表单提交的地址为test.jsp。

5分

我的答案：

<form>

39、

请阅读下面无序列表搭建的结构，根据注释中的要求填写代码。 <ul> <li __________________>T恤</li>  <li>连衣裙</li> <li___________________>裤子</li>  </ul>

5分

我的答案：

circle

square