章节练习1

云芙

已于 2024-09-27 19:57:06 修改

阅读量443

点赞数 12

文章标签： html

于 2024-09-13 10:06:32 首次发布

本文链接：https://blog.csdn.net/2402_83227353/article/details/142202513

版权

1.使用 HBuilder 编写符合以下要求的文档:网页标题为“网页学习”，在浏览器窗口中显示“欢迎大家一起开始学习网页制作”。其中网页所有文字的颜色为 blue，背景颜色为#99m;水平分割线粗细为5，颜色为#f3333。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页学习</title>
	</head>
	<body bgcolor="blue" text="#99ffff">
		<p> 欢迎大家一起学习网页制作
		<hr size="5" color="#ff3333" width="100%"/>
	</body>
</html>

运行结果：

头部（<head>）部分

meta 标签：
- <meta charset="utf-8"> 定义了文档的字符编码为 UTF-8，确保网页能够正确显示各种字符，包括中文、特殊符号等。
标题（<title>）：
- 网页标题为 “网页学习”，会显示在浏览器的标签页上，方便用户识别网页内容。

主体（<body>）部分

背景颜色和文本颜色：
- bgcolor="blue"设置了网页的背景颜色为蓝色。
- text="#99ffff" 设置了网页文本的颜色为淡青绿色。
段落内容：
- <p> 欢迎大家一起学习网页制作 显示一段欢迎文字，告知用户网页的主题是网页制作学习。
水平线：
- <hr size="5" color="#ff3333" width="100%"/> 插入一条宽度为整个页面宽度、高度为 5 像素、颜色为红色（#ff3333）的水平线。

2.3.使用 HBuilder 编写符合以下要求的文档:网页标题为“百度搜索”，在浏览器窗口中
显示“欢迎使用百度搜索”和百度图片。其中网页背景颜色为M33;水平分割线粗细为5，颜色为#0033ff。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>百度搜索</title>
	</head>
	<body bgcolor="#ffff33">
		<p>欢迎使用百度搜索
		</p><img src="img/b.jpg" />
		<hr size="5" color="#0033ff"
	</body>
</html>