第一次课后作业（习题二、三）

qzyzzl4547

于 2024-09-14 02:48:38 发布

阅读量315

点赞数 10

文章标签：前端 html

本文链接：https://blog.csdn.net/qzyzzl4547/article/details/142237326

版权

习题二

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

代码：

<html>
	<head>
		<meta charset="utf-8" />
		<!-- <meta> 元素是一个字符集声明，告诉文档使用哪种字符编码。 -->
		<title>网页学习</title>
		<!-- <title>网页标题</title> -->
	</head>
	<body text="blue" bgcolor="#99ffff">
		<!-- text：可用于改变所有文字颜色 -->
		<!-- bgcolor：改变背景色 -->
		欢迎大家一起开始学习网页制作
		<!-- 正文可直接在<body></body>标签中输入也. -->
		<!-- 也可搭配<p></p>段落标签使用。 -->
		<!-- 浏览器会自动在每个<p>元素前后添加一个空行。 -->
		<hr size="5" color="#ff3333"/>
		<!-- 显示为一条水平线。 <hr> 元素被用来分隔 HTML 页面中的内容 -->
		<!-- size定义水平分割线的粗细（大小） -->
		<!-- color定义水平分割线的颜色 -->
	</body>
</html>

运行结果：

习题三：

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

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- <meta> 元素是一个字符集声明，告诉文档使用哪种字符编码。 -->
		<title>百度搜索</title>
		<!-- <title>网页标题</title> -->
	</head>
	<body bgcolor="#ffff33">
		<!-- bgcolor：改变背景色 -->
		<p>欢迎使用百度搜索</p>
		<!-- 正文 -->
		<!-- 浏览器会自动在每个<p>元素前后添加一个空行。 -->
		<img src="img/baidu.png"/>
		<!-- <img>标签用于在 HTML 页面中嵌入图像。 -->
		<!-- src属性是引用该图像的文件的的绝对路径或相对路径。 -->
		<hr size="5" color="#0033ff"/>
		<!-- 显示为一条水平线。 <hr> 元素被用来分隔 HTML 页面中的内容 -->
		<!-- size定义水平分割线的粗细（大小） -->
		<!-- color定义水平分割线的颜色 -->
	</body>
</html>

运行结果：