第一章网页制作的基础习题

@无铭

已于 2024-09-13 20:56:19 修改

阅读量332

点赞数 8

文章标签：前端 html javascript

于 2024-09-13 20:50:06 首次发布

本文链接：https://blog.csdn.net/xs377905132/article/details/142211437

版权

第一题

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

解答：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>网页学习</title>  <!--<title>网页学习</title> 是 HTML 中 <head> 部分的一个标签，用于设置网页在浏览器标签上的标题-->
	</head>

	<body>
	     <p style="color: blue ">欢迎大家一起开始学习网页制作</p><!--创建了一个段落 <p>，并通过内联样式 style="color: blue" 将文本颜色设置为蓝色。结果是，网页上显示的这段文字会以蓝色呈现。-->
	     <body style="background-color: #99ffff"><!--设置了网页的背景颜色为浅蓝色（颜色代码 #99ffff）。background-color 属性应用于整个网页的 <body> 元素，使得背景色为指定的颜色。-->
		 <hr style="border-top: 5px solid #f33333"><!--用于创建一个水平分割线 <hr>，其顶部边框宽度为 5 像素，样式为实线（solid），颜色为红色（#f33333）。这将使水平分割线看起来更粗且为指定的红色。-->
	</body>
</html>

知识解析：

1.<title>网页学习</title> 是 HTML 中 <head> 部分的一个标签，用于设置网页在浏览器标签上的标题。

2.创建了一个段落 <p>，并通过内联样式 style="color: blue" 将文本颜色设置为蓝色。结果是，网页上显示的这段文字会以蓝色呈现。

3.<body style="background-color: #99ffff"> 设置了网页的背景颜色为浅蓝色（颜色代码 #99ffff）。background-color 属性应用于整个网页的 <body> 元素，使得背景色为指定的颜色。

4.用于创建一个水平分割线 <hr>，其顶部边框宽度为 5 像素，样式为实线（solid），颜色为红色（#f33333）。这将使水平分割线看起来更粗且为指定的红色。

第二题

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

解答：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>百度搜索</title> 
	</head>
	<body>
	   欢迎使用百度搜索
	<body style="background-color: #fffff33">
		 <hr style="border-top: 5px solid #0033ff">
		 <img src="img/啊无.png">
	</body>
</html>