网页制作事例-CSDN博客

本文链接：https://blog.csdn.net/2402_83184631/article/details/142165654

1 使用HBuilder编写符合以下要求的文档：网页标题为“网页学

习”，在浏览器窗口中显示“欢迎大家一起学习网页制作”。其中网页所有文字的颜色为blue，背景颜色为#99fff；水平分割线粗细为5，颜色为#ff3333

代码如下：

<!--综合案例-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>网页学习</title>
		<style type="text/css">
			body{
				color:blue;
			}
		</style>
	</head>
	<body bgcolor="#99fff">
	    <p>欢迎大家一起学习网页制作</p>
		   <!--水平线-->
		   <hr size = "5" color="#ff333" width="100%"/>
	</body>
</html>

效果如图：

2

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

代码如下：

<!--综合案例-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>百度搜索</title>
		<style type="text/css"></style>
	</head>
	<body bgcolor="ffff33">
	    <p>欢迎使用百度</p>
		   <!--水平线-->
		   <hr size = "5" color="#0033ff" width="100%"/>
		   <img src="img/1.2.png"/>
	</body>
</html>

效果如图：