2021-12-16

一、

1、在网页中显示特殊字符,如果要输入“<”,应使用 (   )。

A、 lt; 

B、 &Lt; 

C、  &lt 

D、 &lt;

2、HTML语言中的转行标记是 ( ) 。

A、 <html>

B、 <br> 

C、 <title> 

D、 <p>

3、在 HTML中,标题字体标记 <hx>中 x 的最大取值是 ( )。

A、 4

B、 5

C、 6

D、 7

4、以下不能用来定义表格内容的标记为 ( ) 。

A、 <span> 

B、 <tr>

C、 <th>

D、 <td>

5、下面不是组成一个 HTML文件基本结构标记的是 ( ) 。

A、 <HTML></HTML> 

B、 <HEAD></HEAD>

C、 <FORM></FORM> 

D、 <BODY></BODY> 

6、加入一条水平线的 HTML代码是( ) 。

A、 <hr>

B、 <img src="name" border=?>

C、 <img src="name" align=?> 

D、 <img src="name">

7、以下有关列表的说法中,错误的是() 。

A、 有序列表和无序列表可以互相嵌套。

B、 指定嵌套列表时,也可以具体指定项目符号或编号样式。

C、 无序列表应使用 UL 和 LI 标记符进行创建。

D、 在创建列表时, LI 标记符的结束标记符不可省略。

8、如果要在表单里创建一个普通文本框,以下写法中正确的是:()。

A、 <INPUT>

B、 <INPUT type="password">

C、 <INPUT type="checkbox">

D、 <INPUT type="radio">

9、创建选项菜单应使用以下标记符: ()。

A、 SELECT 和 OPTION

B、 INPUT 和 LABEL

C、 INPUT

D、 INPUT 和 OPTION

10、HTTP协议是一种 ( )协议。

A、 文件传输协议

B、 远程登录协议

C、 邮件协议

D、 超文本传输协议

解答:

D B C A C   

A D A A D

二、 填空

1、超文本标记语言的简称是______________。

2、HTML网页文件的标记是______________,网页文件的主体标记是______________。

3、表格的标签是__________,普通单元格的标签是_____________。

4、______________是网页与网页之间联系的纽带,也是网页的重要特色。

5、设定图片高度及宽度的属性是______________,_________________。

6、表单对象的名称由___________属性设定,提交方法由____________属性指定。

7、设定图片边框的属性是____________。

8、表格的标题用___________标记表示,表头单元格用___________表示。

9 要把一个文本框设置为内容不可编辑使用属性:_____________和_____________。

10、利用<table></table> 标记符的__________属性可以控制表格边框的显示样式。

解答:

1  HTML

2  第一空:<html></html>  第二空:<body></body>

3  第一空:<table></table>  第二空:<td></td>

4  超链接

5  第一空 height  第二空:width�6  第一空 name  第二空:method

7  border

8  第一空 caption 第二空 <th>

9  第一空readonly  第二空:disabled

10  frame

三、 判断

1、HTML 标记符的属性一般不区分大小写。 

2、所有的 HTML 标记符都包括开始标记符和结束标记符。

3、用 H1 标记符修饰的文字通常比用 H6 标记符修饰的要小。

4、在 HTML 表 格中,表格的列数等于第一行中TH 与TD 的 colspan 属性的和。

5、CSS 中的 color 属性用于设置 HTML 元素的背景颜色。 

6、HTML 表格在默认情况下有边框。

7、在 HTML 表格中,表格的行数等于 TR 标记符的个数。

8、HTML 表格内容的垂直对齐方式默认为垂直居中。 

9、在 HTML 中,与表格一样,表单也能嵌套。

10、在 HTML 表单中,文本框和复选框都是用 INPUT 标记符生成的。

解答:

1 正确

2 错误

3 错误

4 错误

5 错误

6 错误

7 正确

8 正确

9 错误

10 正确

四、

1、使用选择框编写程序,选择框名字为:"city", 其中有三个选项,选项一为:西安,选项二为:咸阳,选项三为:延安,  并且让咸阳默认选中。

<select name="city">

<option> 西安 </option>

<option selected> 咸阳 </option>

<option> 延安 </option>

</select>

2、简述“ HTML ”文档的基本结构。

<HTML> HTML文件开始

<HEAD> 文件头开始

文件头

</HEAD> 文件头结束

<BODY> 文件体开始

文件体

</BODY> 文体结束

</HTML> HTML文件结束

3、用 HTML语言创建一个 3 行 3 列的表格,如图:

<html >

<head>

<meta http-equiv="Content-Type" content="text/html;

charset=utf-8" />

<title> 无标题文档 </title>

<style>

th,td{

width:100px;

}

</style>

</head>                 

<body>

<table border>

<tr>

<th> 班级 </th>

<th> 姓名 </th>

<th> 性别 </th>

</tr>

<tr>

<td>1101</td>

<td> 张三 </td>

<td> 男</td>

</tr>                                          

<tr>

<td>1102</td>

<td> 李四 </td>

<td> 男</td>

</tr>

</table>

</body>

</html>   

4、编写一个 form 表单,实现一个学生信息输入。包含学号、姓名、性别、爱好(爱好有:篮球、足球、舞蹈)。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<form action="" method="get" autocomplete="on">

学号: <input  type="text"  name="userid"  placeholder="请输入学号"  autofocus required><br/>

名字: <input  type="text"  name="username"  placeholder="请输入用户名"  autocomplete="off"><br/>

性别: <input  type="radio" name="sex" value=" 男" checked>男

<input  type="radio" name="sex" value="女" >女<br/>

兴趣爱好: <input  type="checkbox"  name="chb"  value=" 篮球">篮球

<input  type="checkbox" name="chb"  value="足球">足球

<input type="checkbox" name="chb" value="舞蹈">舞蹈<br/>

<input type="submit" name="submit" value=" 提交"/>

<input type="reset" name="reset" value=" 重交"/>

</form>

</body>

</html>

5、用 HTML语言设计 1 个表单,效果如图:

<!doctype html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;

charset=utf-8" />

<title> 无标题文档 </title>

</head>                                   

<body>

<form id="form1" name="form1" method="post" action="">

<label>姓名 </label>

<input type="text" name="textfield" id="textfield"/><br/><br/>

<label>密码 </label>

<input type="password" name="textfield2" id="textfield2" /><br/><br/>

<input type="submit" name="提交" value="提交" />

<input type="reset" name="重置" value="重置" />

</form>

</body>

</html>     

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容