1、
系统提供
下列选项中,用来设置单元格背景颜色的是( )。
修改
- width
- bgcolor
- rowspan
- colspan
参考答案:
B
答案解析:
A选项用来设置单元格的宽度,B选项设置背景颜色,C选项设置单元格竖跨的行数,D选项设置单元格横跨的列数。
2、
系统提供
下列选项中,不属于表单控件的是( )
修改
- input
- select
- table
- textarea
参考答案:
C
答案解析:
表单控件包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
3、
系统提供
在表格中,用于设置表格的边框的属性是( )。
修改
- border
- cellspacing
- cellpadding
- background
参考答案:
A
答案解析:
在<table>标记中,border属性用于设置表格的边框,默认值为0。
4、
系统提供
在表格中,用于设置表格背景颜色的属性是( )。
修改
- border
- cellspacing
- cellpadding
- bgcolor
参考答案:
D
答案解析:
在<table>标记中,background属性用于设置表格的背景颜色。
5、
系统提供
下列选项中,用来设置单元格横跨的列数的是( )。
修改
- width
- bgcolor
- rowspan
- colspan
参考答案:
D
答案解析:
A选项用来设置单元格的宽度,B选项设置背景颜色,C选项设置单元格竖跨的行数,D选项设置单元格横跨的列数。
6、
系统提供
给input控件应用以下CSS样式:
“background:url(images/1.jpg) no-repeat 5px center #FFF;”
上述代码的含义是( )。
修改
- 定义input控件的背景
- 定义input控件的文本颜色
- 定义input控件的内边距
- 定义input控件的文本宽高
参考答案:
A
答案解析:
给表单标记设置背景的属性是background属性。
7、
系统提供
下面的选项中,设置单元格宽度正确的是( )。
修改
- td{width:50px;}
- td{height:50px;}
- td{line-height:50px;}
- td{font-size:50px;}
参考答案:
A
答案解析:
控制某个单元格时,用width设置单元格的宽度。
8、
系统提供
下列选项中,可用于设置表格背景图像的是( )
修改
- color
- img
- bgcolor
- background
参考答案:
D
答案解析:
设置表格的背景图像的属性是background。
9、
系统提供
下列选项中,能够用于定义表格头部的标签是()。
修改
- <thead></thead>
- <tbody></tbody>
- <caption></caption>
- <tfoot></tfoot>
参考答案:
A
答案解析:
<thead></thead>:用于定义表格的头部,必须位于<table></table>标记中,一般包含网页的logo和导航等头部信息。
10、
系统提供
在使用表格进行布局时,用于定义表格的头部的是( )。
修改
- <thead></thead>
- <tfoot></ tfoot >
- <tbody></tbody>
- <th></th>
参考答案:
A
答案解析:
<thead></thead>用于定义表格的头部,必须位于<table></table>标记中,一般包含网页的logo和导航等头部信息。
11、
系统提供
<form>与</form>之间的表单控件是由用户自定义的。下列选项中,不属于表单标记<form>的常用属性的是( )。
修改
- action
- size
- method
- name
参考答案:
B
答案解析:
<form>与</form>之间的表单控件是由用户自定义的,action、method和name为表单标记<form>的常用属性。
12、
系统提供
下列选项中,用来设置行背景颜色的是( )。
修改
- height
- align
- bgcolor
- background
参考答案:
C
答案解析:
属性名
含义
常
属性值
height
设置行高度
像素值
align
设置一行内容的水平对齐方式
left、center、right
valign
设置一行内容的垂直对齐方式
top、middle、bottom
bgcolor
设置行背景颜色
预定义的颜色值、十六进制#RGB、rgb(r,g,b)
background
设置行背景图像
url地址
13、
系统提供
下列选项中,用来定义下拉列表的是( )。
修改
- <input />
- <textarea></textarea>
- <select></select>
- <form>
参考答案:
C
答案解析:
<select></select>用来定义下拉列表。
14、
系统提供
下面的选项中,设置单元格高度正确的是( )。
修改
- td{width:50px;}
- td{height:50px;}
- td{line-height:50px;}
- td{font-size:50px;}
参考答案:
B
答案解析:
控制某个单元格时,用height设置单元格的高度。
15、
系统提供
下列选项中,能够设置表单背景颜色的属性是( )。
修改
- size
- padding
- background-color
- border
参考答案:
C
答案解析:
给表单标记设置背景颜色的属性是background-color属性。
16、
系统提供
下列属性中,用于指定下拉菜单可见选项数的是( )
修改
- option
- selected
- size
- multiple
参考答案:
C
答案解析:
<select>标记的常用属性中,指定下拉菜单的可见选项数(取值为正整数)的是size属性。
17、
系统提供
下列选项中,用于指定接收并处理表单数据的服务器程序的url地址的是( )。
修改
- action
- method
- name
- src
参考答案:
A
答案解析:
在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。
18、
系统提供
CSS代码如下所示:
“table{border:1px solid red;}”
上述代码的含义是( )。
修改
- 设置table的边框为一像素的红色实线
- 设置单元格的边框为一像素的红色实线
- 设置table的边框为一像素的红色虚线
- 设置单元格的边框为一像素的红色虚线
参考答案:
A
答案解析:
对表格标记<table>应用了边框样式属性border,效果为设置table的边框为一像素的红色实线。
19、
系统提供
阅读下面代码:
<tr height="80" align="center" valign="top" bgcolor="yellow">
<td>姓名</td>
<td>性别</td>
<td>电话</td>
<td>住址</td>
</tr>
上面这段代码表示的含义是( )。
修改
- 按照设置的高度显示、文本内容水平居中垂直居上且添加了背景颜色
- 按照设置的高度显示、文本内容水平居右垂直居上且添加了背景颜色
- 按照设置的高度显示、文本内容水平居中垂直居中且添加了背景颜色
- 按照设置的高度显示、文本内容水平居右垂直居中且添加了背景颜色
参考答案:
A
答案解析:
这一行内容按照设置的高度显示、文本内容水平居中垂直居上、且添加了背景颜色。上面通过对行标记<tr>应用属性,可以单独控制表格中一行内容的显示样式。
20、
系统提供
下列标记中,可用于为表格设置“行”的是( )
修改
- <table></table>
- <td></td>
- <tr></tr>
- <tt></tt>
参考答案:
C
答案解析:
<tr></tr>标记用于定义表格中的行。在<table></table>中包含几对<tr></tr>,就表示该表格有几行。
21、
系统提供
下列选项中,用来定义多行文本框的是( )。
修改
- <input />
- <textarea></textarea>
- <select></select>
- <form>
参考答案:
B
答案解析:
<textarea></textarea>用来定义多行文本。
22、
系统提供
下列选项中,可用于设置下拉菜单的多项选择功能的是( )
修改
- size="1"
- multiple="multiple"
- selected="selected"
- checked="checked"
参考答案:
B
答案解析:
定义multiple="multiple"时,下拉菜单将具有多项选择的功能,方法为按住Ctrl键的同时选择多项。
23、
系统提供
关于<tr>标记的描述,下列选项中正确的是()。
修改
- tr是表格的列标记
- tr可以单独使用
- tr是表格中的列标记
- tr没有属性
参考答案:
C
答案解析:
<tr>标记是表格中的行标记,不可以单独使用,可定义相应的属性。
24、
系统提供
下列选项中,属于<table>标记属性的是( )。
修改
- border
- cellspacing
- cellpadding
- background
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
以上4项都是<table>标记的常用属性。
25、
系统提供
下列选项中,属于创建表格的基本标记的是( )。
修改
- <table></table>
- <tr></tr>
- <td></td>
- <title></title>
参考答案:
[ "A", "B", "C" ]
答案解析:
<table></table>、<tr></tr>、<td></td>是创建表格的基本标记,缺一不可。
26、
系统提供
下列选项中,属于<form>表单的常用属性是( )。
修改
- action
- method
- name
- src
参考答案:
[ "A", "B", "C" ]
答案解析:
<form>与</form>之间的表单控件是由用户自定义的,action、method和name为表单标记<form>的常用属性。
27、
系统提供
下列选项中,属于<textarea>标记的必须属性的是( )。
修改
- cols
- rows
- value
- size
参考答案:
[ "A", "B" ]
答案解析:
cols和rows为<textarea>标记的必须属性,其中cols用来定义多行文本输入框每行中的字符数,rows用来定义多行文本输入框显示的行数,他们的取值均为正整数。
28、
系统提供
下列选项中,属于<tr>标记属性的是( )。
修改
- height
- cellspacing
- cellpadding
- background
参考答案:
[ "A", "D" ]
答案解析:
属性名
含义
常用属性值
height
设置行高度
像素值
align
设置一行内容的水平对齐方式
left、center、right
valign
设置一行内容的垂直对齐方式
top、middle、bottom
bgcolor
设置行背景颜色
预定义的颜色值、十六进制#RGB、rgb(r,g,b)
background
设置行背景图像
url地址
29、
系统提供
下列<td>标记的属性中,可以用来合并单元格的是()。
修改
- col
- cols
- rowspan
- colspan
参考答案:
[ "C", "D" ]
答案解析:
<td>标记还拥有colspan和rowspan属性,用于对单元格进行合并。
30、
系统提供
下面选项中,关于CSS控制表格边框说法正确的是( )。
修改
- CSS通过border属性控制表格边框
- border-collapse属性可设置单元格的边框合并
- 可以通过border属性同时为table、tr、td设置边框线样式
- 可以通过设置table的border属性去改变表格边框线的粗细以及样式、颜色等
参考答案:
[ "A", "B", "D" ]
答案解析:
CSS控制表格边框是通过border属性;border-collapse属性可设置单元格的边框合并;可以通过border属性同时为table、td设置边框线样式;可以通过设置table的border属性去改变表格边框线的粗细以及样式、颜色等。
31、
系统提供
关于CSS的描述,下列说法错误的是( )。
修改
- 单元格设置外边距属性margin不能生效
- 单元格设置内边距属性padding不能生效
- table标签可以设置内边距padding和外边距margin属性,并且均能生效
- 以上说法均错误
参考答案:
[ "B", "C", "D" ]
答案解析:
设置单元格内容与边框之间的距离,可以对<td>标记应用内边距样式属性padding,或对<table>标记应用HTML标记属性cellpadding。而<td>标记无外边距属性margin,要想设置相邻单元格边框之间的距离,只能对<table>标记应用HTML标记属性cellspacing。
32、
系统提供
下列选项中,属于表单构成基本元素的是( )。
修改
- 表单控件
- 提示信息
- 表单域
- 文本域
参考答案:
[ "A", "B", "C" ]
答案解析:
在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。
33、
系统提供
下列选项中,属于method值的是( )。
修改
- get
- post
- request
- require
参考答案:
[ "A", "B" ]
答案解析:
method属性用于设置表单数据的提交方式,其取值为get或post。
34、
系统提供
下列选项中,属于<td>标记属性的是( )。
修改
- cospan
- width
- float
- rowspan
参考答案:
[ "A", "B", "D" ]
答案解析:
<td>标记的属性:
属性名
含义
常用属性值
width
设置单元格的宽度
像素值
height
设置单元格的高度
像素值
align
设置单元格内容的水平对齐方式
left、center、right
valign
设置单元格内容的垂直对齐方式
top、middle、bottom
bgcolor
设置单元格的背景颜色
预定义的颜色值、十六进制#RGB、rgb(r,g,b)
background
设置单元格的背景图像
url地址
colspan
设置单元格
跨的列数(用于合并水平方向的单元格)
正整数
rowspan
设置单元格竖跨的行数(用于合并竖直
向的单元
)
正整数
35、
系统提供
下列选项中,属于<td>标记属性的是( )。
修改
- width
- height
- colspan
- rowspan
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
属性名
含义
常用属性值
width
设置单元格的宽度
像素值
height
设置单元格的高度
像素值
align
设置单元格内容的水平对齐方式
left、center、right
valign
设置单元格内容的垂直对齐方式
top、middle、bottom
bgcolor
设置单元格的背景颜色
预定义的颜色值、十六进制#RGB、rgb(r,g,b)
background
设置单元格的
景图像
url地址
colspan
设
单元格横跨的列数(用于合并水平
向的单元格)
正整数
rowspan
设置单元格竖跨的行数(用于合并竖直方向的单元格)
正整数
36、
系统提供
下列选项中,属于<select>和<option>标记常用属性的是( )。
修改
- size
- multiple
- selected
- value
参考答案:
[ "A", "B", "C" ]
答案解析:
标记名
常用属性
描述
<select>
size
指定下拉菜单的可见选项数(取值为正整数)。
multiple
定义multiple="multiple"时,下拉菜单将具有多项选择的功能,方法为按住Ctrl键的同时选择多项。
<option>
selected
定义selected =" selected "时,当前项即为默认选中项。
37、
系统提供
下列选项中,属于单行文本框属性的是( )。
修改
- maxlength
- name
- value
- size
参考答案:
[ "A", "B", "C" ]
答案解析:
单行文本输入框常用来输入简短的信息,如用户名、账号、证件号码等,常用的属性有name、value、maxlength。
38、
系统提供
下列选项中,属于<tr>标记相关属性的是()。
修改
- height
- align
- right
- background
参考答案:
[ "A", "B", "D" ]
答案解析:
<tr>标记的属性
属性名
含义
常用属性值
height
设置行高度
像素值
align
设置一行内容的水平对齐方式
left、center、right
valign
设置一行内容的垂直对齐方式
top、middle、bottom
bgcolor
设置行背景颜色
预定义的颜色值、十六进制#RGB、rgb(r,g,
)
background
设置行背景图像
url地址
39、
系统提供
下列选项中,关于控制单元格边距说法正确的是( )。
修改
- 行标记<tr>应用内边距属性padding和外边距属性margin无效
- <td>标记应用外边距属性margin无效
- 要想设置相邻单元格边框之间的距离,只能对<table>标记应用cellspacing属性
- 以上说法均正确
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
设置单元格内容与边框之间的距离,可以对<td>标记应用内边距样式属性padding,或对<table>标记应用cellpadding属性。而<td>标记无外边距属性margin,要想设置相邻单元格边框之间的距离,只能对<table>标记应用cellspacing属性。
40、
系统提供
下列选项中,关于表格边框线说法正确的是( ) 。
修改
- 在table标记中,border属性可以设置边框线样式和颜色等
- 可以通过CSS 控制border属性设置边框线粗细、样式和颜色
- 行标记<tr>不存在border样式属性
- 当表格的border-collapse属性设置为collapse时, HTML中设置的cellspacing属性值无效
参考答案:
[ "B", "C", "D" ]
答案解析:
使用<table>标记的border属性可以为表格设置边框,但是这种方式设置的边框效果并不理想,如果要更改边框的颜色,或改变单元格的边框大小,就会很困难。而使用CSS边框样式属性border可以轻松地控制表格的边框;可以通过CSS 控制border属性设置边框线粗细、样式和颜色;行标记<tr>无border样式属性;当表格的border-collapse属性设置为collapse时, HTML中设置的cellspacing属性值无效。
41、
系统提供
关于单元格边距的描述,下列说法正确的是( )。
修改
- 美化表格时,可以通过cellpadding和cellspacing分别控制单元格内容与边框之间的距离和相邻单元格边框之间的距离
- 拉开单元格内容与边框之间的距离使用padding属性
- 设置相邻单元格边框之间的距离使用margin属性
- 设置相邻单元格边框之间的距离只能使用cellspacing属性
参考答案:
[ "A", "B", "D" ]
答案解析:
设置单元格内容与边框之间的距离,可以对<td>标记应用内边距样式属性padding,或对<table>标记应cellpadding属性。而<td>标记应用外边距属性margin无效。要想设置相邻单元格边框之间的距离,只能对<table>标记应用cellspacing属性。
42、
系统提供
下列选项中,属于input控件的type属性值的是( )
修改
- text
- radio
- checked
- checkbox
参考答案:
[ "A", "B", "D" ]
答案解析:
表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
43、
系统提供
在下列选项中,哪些选项可以作为action的值?( )
修改
- form_action.asp
- mailto:form_action.asp
- mailto:htmlcss@163.com
- htmlcss@163.com
参考答案:
[ "A", "C" ]
答案解析:
在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。例如:
<form action="form_action.asp">
表示当提交表单时,表单数据会传送到名为 "form_action.asp" 的页面去处理。
action的属性值可以是相对路径或绝对路径,还可以为接收数据的E-mail邮箱地址。例如:
<form action=mailto:htmlcss@163.com>
表示当提交表单时,表单数据会以电子邮件的形式传递出去。
44、
系统提供
下列选项中,对表单常用属性的阐述正确是( )。
修改
- action="url地址"
- method="提交方式"
- size="长度"
- name="表单名称"
参考答案:
[ "A", "B", "D" ]
答案解析:
size不是表单的常用属性。
45、
系统提供
下列选项中,属于<textarea>标记可选属性的是( )
修改
- disabled
- name
- type
- readonly
参考答案:
[ "A", "B", "D" ]
答案解析:
除了cols和rows属性外,<textarea>标记还拥有几个可选属性,分别为disabled、name和readonly。
46、
系统提供
action属性用于指定接收并处理表单数据的服务器程序的url地址,其属性值是( )。
修改
- 相对路径
- 接收数据的E-mail邮箱地址
- 绝对路径
- 以上选项均正确
参考答案:
[ "A", "C", "D", "B" ]
答案解析:
action的属性值可以是相对路径或绝对路径,还可以为接收数据的E-mail邮箱地址。
47、
系统提供
action属性用于指定接收并处理表单数据的服务器程序的url地址,其属性值是( )。
修改
- 相对路径
- 相对路径
- 绝对路径
- 接收数据的E-mail邮箱地址
参考答案:
[ "A", "B", "C" ]
答案解析:
action的属性值可以是相对路径或绝对路径,还可以为接收数据的E-mail邮箱地址。
48、
系统提供
使用<select>标记可以在表单中添加一个下拉菜单。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<select>标记用于在表单中添加一个下拉菜单,<option>标记嵌套在<select>标记中,用于定义下拉菜单中的具体选项。
49、
系统提供
表单域相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过它定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。( )
修改
- 对
- 错
参考答案:
错
答案解析:
表单域可以定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。
50、
系统提供
在表格标记中,<table>标记用来创建一个表格。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<table></table>标记用于定义一个表格。
51、
系统提供
在<tr>标记中应用background属性存在严重的兼容性问题,因此一般不推荐使用( )。
修改
- 对
- 错
参考答案:
对
答案解析:
虽然可以对<tr>标记应用background属性,但是在<tr>标记中此属性兼容问题严重,因此一般不推荐使用。
52、
系统提供
一个表格<table>标签对儿中,只能允许有一个<caption>标签。( )
修改
- 对
- 错
参考答案:
对
答案解析:
caption 元素定义表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
53、
系统提供
在表格中,cellspacing属性用来控制单元格内容与边框之间的距离。( )
修改
- 对
- 错
参考答案:
错
答案解析:
使用<table>标记的属性美化表格时,可以通过cellpadding控制单元格内容与边框之间的距离,通过cellspacing控制相邻单元格边框之间的距离。
54、
系统提供
<tr>标记用于定义表格中的行。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<table>、<tr>、<td>是创建表格的基本标记,其中<tr>标记用于定义表格中的行。
55、
系统提供
<form></form>标记中的所有内容都会被提交给服务器。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在HTML中,<form></form>标记被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,<form> </form>中的所有内容都会被提交给服务器。
56、
系统提供
一个表格<table>标签对儿中,只能允许有一个<th>标签。( )
修改
- 对
- 错
参考答案:
错
答案解析:
<th>标签定义表格内的表头单元格。HTML 表单中有两种类型的单元格:表头单元格 - 包含表头信息(由 th 元素创建),标准单元格 - 包含数据(由 td 元素创建)。<th>标签允许使用很多个。
57、
系统提供
在HTML语言里,<td>标记中的colspan和rowspan属性用于对单元格进行合并。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<td>标记还拥有colspan和rowspan属性,用于对单元格进行合并
58、
系统提供
使用表格进行布局时,可以将表格划分为头部、主体和页脚。( )
修改
- 对
- 错
参考答案:
对
答案解析:
为了使搜索引擎更好地理解网页内容,在使用表格进行布局时,可以将表格划分为头部、主体和页脚,用于定义网页中的不同内容。
59、
系统提供
表单提交后的数据处理程序由action属性指定。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。
60、
系统提供
cellpadding属性用于设置单元格与单元格边框之间的空白间距。( )
修改
- 对
- 错
参考答案:
错
答案解析:
设置单元格与单元格边框之间空白间距的是cellspacing属性。
61、
系统提供
对同一行中的单元格定义不同的高度,最终的高度将取其中的较小者。( )
修改
- 对
- 错
参考答案:
错
答案解析:
对同一行中的单元格定义不同的高度,最终的高度将取其中的较小者。
62、
系统提供
在表格中,cellpadding属性用来控制单元格内容与边框之间的距离。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用<table>标记的属性美化表格时,可以通过cellpadding控制单元格内容与边框之间的距离。
63、
系统提供
在表格标记中,<tr>用于定义表格中的一行,可以脱离<table></table>标记而存在。( )
修改
- 对
- 错
参考答案:
错
答案解析:
<tr></tr>标记用于定义表格中的一行,必须嵌套在<table></table>标记中。
64、
系统提供
对同一列中的单元格定义不同的宽度时,最终的宽度将取其中的较大者。( )
修改
- 对
- 错
参考答案:
对
答案解析:
对同一列中的单元格定义不同的宽度时,最终的宽度将取其中的较大者。
65、
系统提供
在<textarea>表单控件中,rows用来定义多行文本输入框每行中的字符数。( )
修改
- 对
- 错
参考答案:
错
答案解析:
cols用来定义多行文本输入框每行中的字符数,rows用来定义多行文本输入框显示的行数,他们的取值均为正整数。
66、
系统提供
在表单中,action属性用于指定接收并处理表单数据的服务器程序的url地址。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。例如:
<form action="form_action.asp">
67、
系统提供
在创建表单时,表单对象的名称由name属性设定。( )
修改
- 对
- 错
参考答案:
对
答案解析:
name属性用于指定表单的名称,以区分同一个页面中的多个表单。
68、
系统提供
通过对<tr>标记应用属性,可以对表格中的某一个单元格进行控制。( )
修改
- 对
- 错
参考答案:
错
答案解析:
通过对<td>标记应用属性,可以对表格中的某一个单元格进行控制。
69、
系统提供
在HTML中,<form></form>标记用于定义表单域,即创建一个表单,以实现用户信息的收集和传递。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<form></form>标记被用于定义表单域,即创建一个表单。
70、
系统提供
在<textarea>表单控件中,rows用来定义多行文本输入框显示的行数。( )
修改
- 对
- 错
参考答案:
对
答案解析:
cols用来定义多行文本输入框每行中的字符数,rows用来定义多行文本输入框显示的行数,他们的取值均为正整数。
71、
系统提供
当input控件的type属性值为submit时,即定义了一个提交按钮。( )
修改
- 对
- 错
参考答案:
对
答案解析:
通过将input控件的type属性值设置为submit,可定义提交按钮。
72、
系统提供
<th></th>标记与<td></td>标记的属性、用法完全相同。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<th></th>标记与<td></td>标记的属性、用法完全相同,但是他们具有不同的语义,<th></th>用于定义表头单元格,其文本默认加粗居中显示,而<td></td>定义的为普通单元格,其文本为普通文本且水平左对齐显示。
73、
系统提供
在表格中,cellpadding属性用于设置单元格内容与单元格边框之间的空白间距,默认为2px。( )
修改
- 对
- 错
参考答案:
错
答案解析:
cellpadding属性用于设置单元格内容与单元格边框之间的空白间距,默认为1px。
74、
系统提供
表单域能够定义处理表单数据所用程序的url地址。( )
修改
- 对
- 错
参考答案:
对
答案解析:
表单域相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过它定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。
75、
系统提供
在表格中,使用<th>标记用来设置表头。( )
修改
- 对
- 错
参考答案:
对
答案解析:
设置表头非常简单,只需用表头标记<th></th>替代相应的单元格标记<td></td>即可。
76、
系统提供
通过设置单元格的width和height属性可以调整单元格的宽度和高度,且单元格之间互不影响。( )
修改
- 对
- 错
参考答案:
错
答案解析:
单元格的宽度和高度,有着和其他元素不同的特性,主要表现在单元格之间的互相影响方面。
77、
系统提供
在表格中,设置相邻单元格边框之间的距离可以使用cellspacing属性,也可以使用CSS中margin外边距属性。( )
修改
- 对
- 错
参考答案:
错
答案解析:
设置单元格内容与边框之间的距离,可以对<td>标记应用内边距样式属性padding,或对<table>标记应用HTML标记属性cellpadding,而<td>标记无外边距属性margin。要想设置相邻单元格边框之间的距离,只能对<table>标记应用HTML标记属性cellspacing。
78、
系统提供
和<div>标记一样,单元格标记<td>也可以设置padding和margin属性。( )
修改
- 对
- 错
参考答案:
错
答案解析:
设置单元格内容与边框之间的距离,可以对<td>标记应用内边距样式属性padding,或对<table>标记应用HTML标记属性cellpadding。而<td>标记无外边距属性margin。要想设置相邻单元格边框之间的距离,只能对<table>标记应用HTML标记属性cellspacing。
79、
系统提供
在定义下拉列表时,<optgroup></optgroup>标记用于定义选项组,必须嵌套在<select></select>标记中。
修改
- 对
- 错
参考答案:
对
答案解析:
<optgroup></optgroup>标记用于定义选项组,必须嵌套在<select></select>标记中,一对<select></select>中通常包含多对<optgroup></optgroup>。在<optgroup>与</optgroup>之间为<option> </option>标记定义的具体选项。
80、
系统提供
在定义下拉列表时,<option></option>标记必须嵌套在<select></select>标记中。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<select></select>标记用于在表单中添加一个下拉菜单,<option></option>标记嵌套在<select></select>标记中,用于定义下拉菜单中的具体选项,每对<select></select>中至少应包含一对<option></option>。
81、
系统提供
在表格中,valign属性用来设置一行内容的水平对齐方式。( )
修改
- 对
- 错
参考答案:
错
答案解析:
valign属性用来设置一行内容的垂直对齐方式。
82、
系统提供
<table></table>、<tr></tr>和<td></td>是创建表格的基本标记,缺一不可。( )
修改
- 对
- 错
参考答案:
对
答案解析:
创建表格的基本语法格式
83、
系统提供
在表格标记中,border-collapse属性用来使单元格的边框合并。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用<table>标记的border-collapse属性,使单元格的边框合并。
84、
系统提供
在表格中,<table>标记应用了边框样式属性border,单元格不必再设置边框了。( )
修改
- 对
- 错
参考答案:
错
答案解析:
虽然对表格标记<table>应用了边框样式属性border,但是单元格并没有添加任何边框效果。所以,在设置表格的边框时,还要给单元格单独设置相应的边框。
85、
系统提供
在表格中,<td>标记用于定义单元格,且必须嵌套在<tr></tr>标记中。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<td></td>用于定义表格中的单元格,必须嵌套在<tr></tr>标记中。
86、
系统提供
border-collapse 属性用于设置表格边框合并与分离。( )
修改
- 对
- 错
参考答案:
对
答案解析:
border-collapse 属性设置表格的边框的合并与分离,其相应的属性值如下:
separate,默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse,如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
87、
系统提供
在表格中,border的属性值能够改变内边框和外边框宽度。( )
修改
- 对
- 错
参考答案:
错
答案解析:
<table>标记的border属性值改变的是外边框宽度,内边框宽度仍然为1像素。
88、
系统提供
使用表格的结构划分标记后,搜索引擎可以更好地理解网页内容,表格的实际显示效果会随之改变。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用表格的结构划分标记后,搜索引擎可以更好地理解网页内容,但表格的实际显示效果并不会改变。
89、
系统提供
action的属性值可以是相对路径或绝对路径,还可以为接收数据的E-mail邮箱地址。( )
修改
- 对
- 错
参考答案:
对
答案解析:
表单域相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。
90、
系统提供
在定义单选按钮时,必须为同一组中的选项指定相同的name值,这样“单选”才会生效。( )
修改
- 对
- 错
参考答案:
错
答案解析:
单选按钮用于单项选择,如选择性别、是否操作等。需要注意的是,在定义单选按钮时,必须为同一组中的选项指定相同的name值,这样“单选”才会生效。此外,可以对单选按钮应用checked属性,指定默认选中项。
91、
系统提供
在表格中,一对<tr></tr>中包含几对<td></td>,就表示该行中有多少个单元格。( )
修改
- 对
- 错
参考答案:
对
答案解析:
一对<tr></tr>中包含几对<td></td>,就表示该行中有多少列(或多少个单元格)。
92、
系统提供
在表单控件中,对复选框应用checked属性,指定默认选中项。( )
修改
- 对
- 错
参考答案:
对
答案解析:
复选框常用于多项选择,如选择兴趣、爱好等,可对其应用checked属性,指定默认选中项。
93、
系统提供
当对textarea控件应用cols和rows属性时,多行文本输入框在各浏览器中的显示效果可能会有差异。( )
修改
- 对
- 错
参考答案:
对
答案解析:
各浏览器对cols和rows属性的理解不同,当对textarea控件应用cols和rows属性时,多行文本输入框在各浏览器中的显示效果可能会有差异。所以在实际工作中,更常用的方法是使用CSS的width和height属性来定义多行文本输入框的宽高。
94、
系统提供
cols属性用来定义多行文本输入框显示的行数。( )
修改
- 对
- 错
参考答案:
错
答案解析:
cols和rows为<textarea>标记的必须属性,其中cols用来定义多行文本输入框每行中的字符数,rows用来定义多行文本输入框显示的行数,它们的取值均为正整数。
95、
系统提供
在表格中,可以对<tr>标记应用align属性,用于设置一行内容的垂直对齐方式。( )
修改
- 对
- 错
参考答案:
错
答案解析:
可以对<tr>标记应用valign属性,用于设置一行内容的垂直对齐方式。
96、
系统提供
表头一般位于表格的第一行或第一列,其文本加粗居中。( )
修改
- 对
- 错
参考答案:
对
答案解析:
应用表格时经常需要为表格设置表头,以使表格的格式更加清晰,方便查阅。表头一般位于表格的第一行或第一列,其文本加粗居中。
97、
系统提供
如果要合并哪些单元格就删除它们,并在预留的单元格中设置相应地colspan或rolspan值即可。( )
修改
- 对
- 错
参考答案:
对
答案解析:
想合并掉哪些单元格就删除他们,并在预留的单元格中设置相应地colspan或rolspan值,这个值即为预留单元格水平跨的列数或竖直跨的行数。
98、
系统提供
在定义表单时,如果不定义表单域,表单中的数据就无法传送到后台服务器。( )
修改
- 对
- 错
参考答案:
对
答案解析:
表单域相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过它定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。
99、
系统提供
在<table>标记中,border属性用于设置表格的边框,其默认值为1。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在<table>标记中,border属性用于设置表格的边框,其默认值为0。
100、
系统提供
在表单中,name属性用于指定表单的名称,以区分同一个页面中的多个表单。( )
修改
- 对
- 错
参考答案:
对
答案解析:
name属性用于指定表单的名称,以区分同一个页面中的多个表单。
101、
系统提供
使用CSS为<td>标签设置边框,当相邻边框颜色不一致,则会出现楔形。( )
修改
- 对
- 错
参考答案:
错
答案解析:
用CSS给一个盒子制作边框的时候,如果相邻的两边颜色不一样,则会出现楔形,但是表格元素不会这样。
102、
系统提供
<filedset></filedset>标记用于为表单内容分组,其配套标记<legend></legend>,用于为各个表单组定义名称。
修改
- 对
- 错
参考答案:
对
答案解析:
在表单中<filedset></filedset>标记用于为表单内容分组,他有一个配套标记<legend></legend>,用于为各个表单组定义名称。
103、
系统提供
代码“<td rowspan="3">海淀区</td>”表示的意思是将三行合并为一行。( )
修改
- 对
- 错
参考答案:
对
答案解析:
rowspan用来设置单元格竖跨的行数(用于合并竖直方向的单元格)。
104、
系统提供
在定义下拉列表时,<optgroup>标记有一个必需属性label,用于定义具体的组名。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<optgroup></optgroup>标记用于定义选项组,必须嵌套在<select></select>标记中,一对<select></select>中通常包含多对<optgroup></optgroup>。在<optgroup>与</optgroup>之间为<option> </option>标记定义的具体选项。<optgroup>标记有一个必需属性label,用于定义具体的组名。
105、
系统提供
使用CSS的width和height属性同样可以定义多行文本输入框的宽高。( )
修改
- 对
- 错
参考答案:
对
答案解析:
各浏览器对cols和rows属性的理解不同,当对textarea控件应用cols和rows属性时,多行文本输入框在各浏览器中的显示效果可能会有差异。所以在实际工作中,更常用的方法是使用CSS的width和height属性来定义多行文本输入框的宽高。
106、
系统提供
在表格中,对单元格设置外边距属性margin不会生效。( )
修改
- 对
- 错
参考答案:
对
答案解析:
设置单元格内容与边框之间的距离,可以对<td>标记应用内边距样式属性padding,或对<table>标记应用HTML标记属性cellpadding。而<td>标记无外边距属性margin,要想设置相邻单元格边框之间的距离,只能对<table>标记应用HTML标记属性cellspacing。
107、
系统提供
当表格的border-collapse属性设置为collapse时, HTML中设置的cellspacing属性值无效。( )
修改
- 对
- 错
参考答案:
对
答案解析:
当表格的border-collapse属性设置为collapse时, HTML中设置的cellspacing属性值无效。
108、
系统提供
在表格中,有几对<tr></tr>,就表示该表格有几行。( )
修改
- 对
- 错
参考答案:
错
答案解析:
<tr></tr>用于定义表格中的一行,必须嵌套在<table></table>标记中,在<table></table>中包含几对<tr></tr>,就表示该表格有几行。
109、
系统提供
post为默认值,这种方式提交的数据将显示在浏览器的地址栏中,保密性差,且有数据量的限制。( )
修改
- 对
- 错
参考答案:
错
答案解析:
get为默认值,这种方式提交的数据将显示在浏览器的地址栏中,保密性差,且有数据量的限制。
110、
系统提供
对同一行中的单元格定义不同的高度,或对同一列中的单元格定义不同的宽度时,最终的宽度或高度将取其中的较大者。( )
修改
- 对
- 错
参考答案:
对
答案解析:
当对同一行中的单元格定义不同的高度,或对同一列中的单元格定义不同的宽度时,最终的宽度或高度将取其中的较大者。
111、
系统提供
当对某一个<td>标记应用width属性设置宽度时,该列中的所有单元格均会以设置的宽度显示。( )
修改
- 对
- 错
参考答案:
对
答案解析:
当对某一个<td>标记应用width属性设置宽度时,该列中的所有单元格均会以设置的宽度显示。
112、
系统提供
一个表格只能定义一对<thead></thead>、一对<tfoot></ tfoot >,但可以定义多对<tbody></ tbody >。( )
修改
- 对
- 错
参考答案:
对
答案解析:
一个表格只能定义一对<thead></thead>、一对<tfoot></ tfoot >,但可以定义多对<tbody></ tbody >,它们必须按<thead></thead>、<tfoot></tfoot >和<tbody></tbody >的顺序使用。
113、
系统提供
在表格中,<tr>标记无宽度属性width,其宽度取决于表格标记<table>。( )
修改
- 对
- 错
参考答案:
对
答案解析:
<tr>标记无宽度属性width,其宽度取决于表格标记<table>。
114、
系统提供
当对<table>标记应用align属性时,控制的为表格的水平对齐方式,单元格中的内容不受影响。( )
修改
- 对
- 错
参考答案:
对
答案解析:
大多数块元素都可以设置align属性,用于定义元素的水平对齐方式,其可选属性值为left、center、right。值得一提的是,当对<table>标记应用align属性时,控制的为表格的水平对齐方式,单元格中的内容不受影响。
115、
系统提供
在CSS控制表单样式时,置浏览器的默认样式时需要清除表单控件的内边距padding和外边距margin。( )
修改
- 对
- 错
参考答案:
对
答案解析:
由于form是块元素,重置浏览器的默认样式时,需要清除其内边距padding和外边距margin。
116、
系统提供
应用表格时经常需要为表格设置表头,在HTML语言中,【】标记用于设置表格的表头。
修改
参考答案:
[""]
答案解析:
应用表格时经常需要为表格设置表头,以使表格的格式更加清晰,方便查阅。设置表头非常简单,只需用表头标记<th></th>替代相应的单元格标记<td></td>即可。
117、
系统提供
在HTML中,创建表格需要使用【】标记、<tr>标记和<td>标记。
修改
参考答案:
[""]
答案解析:
<table>标记用于定义一个表格。
118、
系统提供
<form>与</form>之间的表单控件是由用户自定义的,【】、【】和【】为表单标记<form>的常用属性。
修改
参考答案:
["action","method","name"]
答案解析:
<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>
在上面的语法中,<form>与</form>之间的表单控件是由用户自定义的,action、method和name为表单标记<form>的常用属性。
119、
系统提供
在<table>标记的属性中,用于设置表格背景颜色的属性是【】。
修改
参考答案:
["bgcolor"]
答案解析:
bgcolor属性用于设置表格的背景颜色。
120、
系统提供
在表单中,用于清除input控件默认边框效果的样式代码是【】。
修改
参考答案:
["border:0;"]
答案解析:
当使用<input />标记定义各种按钮时,通常需要清除其边框,代码为border:0;
121、
系统提供
应用表格时经常需要为表格设置表头,在HTML语言中,【】标记用于设置表格的表头。
修改
参考答案:
["th"]
答案解析:
应用表格时经常需要为表格设置表头,以使表格的格式更加清晰,方便查阅。设置表头非常简单,只需用表头标记<th></th>替代相应的单元格标记<td></td>即可。
122、
系统提供
在HTML中,使用【】控件可以制作下拉菜单。
修改
参考答案:
["select"]
答案解析:
select控件可以制作下拉菜单效果。
123、
系统提供
在HTML语言中可以应用<tr>标记中的【】属性,来设置一行内容的垂直对齐方式。
修改
参考答案:
["valign"]
答案解析:
可以对<tr>标记应用valign属性,用于设置一行内容的垂直对齐方式。
124、
系统提供
在HTML中,一个完整的表单通常由表单控件、提示信息和【】三部分构成。
修改
参考答案:
["表单域"]
答案解析:
在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域三部分构成。
125、
系统提供
<input />标记有多个属性,其中【】属性为其最基本的属性,用于指定不同的控件类型。
修改
参考答案:
["type"]
答案解析:
<input type="控件类型"/>
在上面的语法中,<input />标记为单标记,type属性为其最基本的属性,其取值有多种,用于指定不同的控件类型。除了type属性之外,<input />标记还可以定义很多其他的属性。
126、
系统提供
应用表格时经常需要为表格设置表头,在HTML语言中,【】标记用于设置表格的表头。
修改
参考答案:
["th"]
答案解析:
应用表格时经常需要为表格设置表头,以使表格的格式更加清晰,方便查阅。设置表头非常简单,只需用表头标记<th></th>替代相应的单元格标记<td></td>即可。
127、
系统提供
在表单中,【】控件用于创建多行文本输入框。
修改
参考答案:
["textarea"]
答案解析:
考察textarea控件
128、
系统提供
在<table>标记的属性中,用于设置单元格与单元格边框之间空白间距的属性是【】。
修改
参考答案:
["cellspacing"]
答案解析:
设置单元格与单元格边框之间的空白间距的属性是cellspacing。
129、
系统提供
请阅读下面的代码,根据注释中的要求填写代码。
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <title>CSS控制单元格的宽高</title>
7 <style type="text/css">
8 table{ border:1px solid #F00;}
9 td{ border:1px solid #F00;}
10 .one{ width:60px; height:60px;}
11 .two{ height:20px;}
12 ____________________________ /*定义单元格3的宽度为100px;*/
13 </style>
14 </head>
15 <body>
16 <table>
17 <tr>
18 <td class="one" >单元格1</td><td class="two">单元格2</td>
19 </tr>
20 <tr>
21 <td class="three">单元格3</td><td>单元格3</td>
22 </tr>
23 </table>
24 </body>
25 </html>
修改
参考答案:
.three {width:100px;}
答案解析:
控制某个单元格时,用width设置单元格的宽度。另外,对同一行中的单元格定义不同的高度,或对同一列中的单元格定义不同的宽度时,最终的宽度或高度将取其中的较大者。
130、
系统提供
在HTML语言中,<table>标记的常用属性有哪些?
修改
参考答案:
在HTML语言中,table标记的常用属性有:border、cellspacing、cellpadding、width、height、align、bgcolor、background。
答案解析:
table标记的常用属性:
属性名 | 含义 | 常用属性值 |
border | 设置表格的边框(默认border="0"无边框) | 像素值 |
cells acing | 设置单元格与单元格边框之间的空白间距 | 像素值(默认为2像素) |
cellpadding | 设置单元格内容与单元格边框之间的空白间距 | 像素值(默认为1像素) |
width | 设置表格的宽度 | 像素值 |
height | 设置表格的高度 | 像素值 |
align | 设置表格在网页中的水平对齐方式 | left、center、right |
bgcolor | 设置表格的背景颜色 | 预定义的颜色值、十六进制#RGB、rgb(r,g,b) |
background | 设置表格的背景图像 | url地址 |
131、
系统提供
创建一个用get请求连接到test.php的表单,表单名称为test。
修改
参考答案:
<form action="test.php" method="get" name="test">
//...
</form>
答案解析:
本题主要考查表单常用属性使用。
132、
系统提供
创建一个用post请求连接到student@itcast.cn的表单,表单名称为itcastmail。
修改
参考答案:
<form action="mailto:student@itcast.cn" method="post" name="itcastmail">
//...
</form>
答案解析:
本题主要考查表单常用属性使用。
133、
系统提供
在下列代码片段中,根据提示填写相应的css代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS控制表格边框</title>
<style type="text/css">
table{
_____________________ /*设置表格边框线为1px、实线、颜色为#ccc*/
}
td{
_____________________ /*设置单元格边框线为1px、实线、颜色为#ccc*/
}
</style>
</head>
<body>
<table width="300" align="center">
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
</body>
</html>
修改
参考答案:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS控制表格边框</title>
<style type="text/css">
table{
border:1px solid #ccc; /*设置表格边框线为1px、实线、颜色为#ccc*/
}
td{
border:1px solid #ccc; /*设置单元格边框线为1px、实线、颜色为#ccc*/
}
</style>
</head>
<body>
<table width="300" align="center">
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
</body>
</html>
答案解析:
无
134、
系统提供
简述表单常用属性及其作用。
修改
参考答案:
1、action
在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。例如:
<form action="form_action.asp">
表示当提交表单时,表单数据会传送到名为 "form_action.asp" 的页面去处理。
action的属性值可以是相对路径或绝对路径,还可以为接收数据的E-mail邮箱地址。例如:
<form action=mailto:htmlcss@163.com>
2、method
method属性用于设置表单数据的提交方式,其取值为get或post。其中get为默认值,这种方式提交的数据将显示在浏览器的地址栏中,保密性差,且有数据量的限制。而post方式的保密性好,并且无数据量的限制,使用method="post"可以大量的提交数据。
3、name
name属性用于指定表单的名称,以区分同一个页面中的多个表单。
答案解析:
本题主要考查表单三个常用属性action、method和name及其作用。
135、
系统提供
请阅读下面的程序,根据注释中的要求填写缺失的代码。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css控制表单样式</title>
<style type="text/css">
form,table,td,input{ margin:0; padding:0; border:0;}
.text{
_____________________; /*设置文本框宽度为200px*/
_____________________; /*设置文本框高度为24px*/
_____________________; /*设置文本框边框线为1px、实线、颜色#ccc*/
}
.btn{
_____________________; /*设置文本框宽度为50px*/
_____________________; /*设置文本框宽度为26px*/
_____________________; /*设置文本框边框线为1px、实线、颜色#ccc*/
}
</style>
</head>
<body>
<form action="" method="post">
<table>
<tr>
<td><input type="text" class="text" /></td>
<td><input type="button" class="btn" value="搜索" /></td>
</tr>
</table>
</form>
</body>
修改
参考答案:
1、width:200px;
2、height:24px;
3、border:1px solid #ccc;
4、width:50px;
5、height:24px;
6、border:1px solid #ccc;
答案解析:
考察CSS控制表单样式
136、
系统提供
按照相应的表格结构制作一个包括表格名称、表格头部、表格主体、表格底部四行三列的表格。(表格内容不限)
修改
参考答案:
<table border=1>
<caption>表格标题</caption>
<thead>
<tr>
<th>表头</th>
<th>表头</th>
<th>表头</th>
</tr>
</thead>
<tbody>
<tr>
<td>表格元素</td>
<td>表格元素</td>
<td>表格元素</td>
</tr>
<tr>
<td>表格元素</td>
<td>表格元素</td>
<td>表格元素</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>表格脚</td>
<td>表格脚</td>
<td>表格脚</td>
</tr>
</tfoot>
</table>
答案解析:
<caption> 元素定义表格标题,必须紧随 table 标签之后。
<thead> 标签定义表格的表头。
<tbody> 标签表格主体(正文)。
<tfoot> 元素用于对 HTML 表格中的表注(页脚)内容进行分组。
使用序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。
137、
系统提供
请阅读下面的代码,根据注释中的要求填写代码。
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <title>CSS控制单元格的宽高</title>
7 <style type="text/css">
8 table{ border:1px solid #F00;}
9 td{ border:1px solid #F00;
_______________________________;} /*设置单元格的宽度和高度均为100px;*/
10 </style>
11 </head>
12 <body>
13 <table>
14 <tr>
15 <td class="one" >单元格1</td><td class="two">单元格2</td>
16 </tr>
17 <tr>
18 <td class="three">单元格3</td><td>单元格3</td>
19 </tr>
20 </table>
21 </body>
22 </html>
修改
参考答案:
width: 200px; height: 200px;
答案解析:
控制某个单元格时,用width设置单元格的宽度,用height设置单元格的高度。
138、
系统提供
表单构成中的表单控件、提示信息和表单域是什么?请具体解释。
修改
参考答案:
表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。
表单域:它相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。
答案解析:
考察表单的构成
139、
系统提供
在下列代码片段中,根据提示填写相应的代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS控制单元格边距</title>
<style type="text/css">
table{ border:1px solid #ccc;}
td{
border:1px solid #ccc;
______________________ /* 设置单元格内容与边框线的距离为10px */
}
</style>
</head>
<body>
<table width="300" cellpadding="0" _________ > /* 设置单元格内容与边框线的 距离为10px */
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
</body>
</html>
修改
参考答案:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS控制单元格边距</title>
<style type="text/css">
table{ border:1px solid #ccc;}
td{
border:1px solid #ccc;
padding:10px;
}
</style>
</head>
<body>
<table width="300" cellpadding="0" cellspacing="20">
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
</body>
</html>
答案解析:
1、设置单元格内容与边框线之间的距离可以使用CSS属性padding
2、<td>标记无外边距属性margin,要想设置相邻单元格边框之间的距离,只能对<table>标记应用HTML标记属性cellspacing