第一章练习习题

最新推荐文章于 2024-09-23 16:36:59 发布

十殿547

最新推荐文章于 2024-09-23 16:36:59 发布

阅读量464

点赞数 4

文章标签：前端 html

本文链接：https://blog.csdn.net/2302_80781046/article/details/142183080

版权

1.填空题

1）HTML 是一种______语言。

2）HTML文档是由_____构成的_____文件。

3）HTML全称是_______。

4）目前常用的主流浏览器有______、_______、_______、________和_______。

5）HTML文档通常以______或______作为后缀名，网站首页文件通常命名为______。

6）HTML文档是用来描述网页的，一般由______、______两部分组成。

答案
1.1.基础结构 1.2.“头部”（Head）和“主体”（Body） 1.3.HyperText Markup Language

1.4.Chrome、Microsoft Edge、火狐浏览器、CentBrowser、360急速浏览器

1.5.htm html index.html 1.6.头部主体

2.操作题

1）使用HBuilder编写符合以下要求文档：将网页标题设置为“网页学习”，在浏览器窗口中显示“欢迎大家一起开始学习网页制作”。其中所有文字的颜色为blue，背景为#99ffff；水平分割线粗细为5，颜色为#ff3333。效果如图：

<!DOCTYPE html>
<html lang="zh">
	<head>
	<meta charset="UTF-8">
		<title>网页学习</title>
		<style>
			body {
				background-color: #99ffff;
				color: blue;
			}
 
			h1 {
				text-align: center;
				line-height: 1.5;
			}
 
			hr {
				width: 100%;
				height: 5px;
				border: none;
				background-color: #ff3333;
				margin-top: 20px;
				margin-bottom: 20px;
			}
		</style>
	</head>
	<body>
		<h1 style="color: blue;">欢迎大家一起开始学习网页制作</h1>
			<hr/>
	</body>
</html>

2）使用HBuilder编写符合以下要求文档：网页标题为“百度搜索”，在浏览器窗口中显示“欢迎使用百度搜索”和百度图片，其中网页背景颜色为#ffff33;水平分割线粗细为5，颜色为#0033f，完成效果如图所示。

<!DOCTYPE html>
<html>
	<head>
		<title>百度搜索</title>
		<style type="text/css">
		body {
			background-color: #ffff33;
		}
		hr {
			width: 100%;
			height: 5px; 
			background-color: #0033ff;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		</style>
	</head>
	
	<body>
		<h1>欢迎使用百度搜索</h1>
		<hr/>
		<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度插图">
	</body>
</html>