本章两道简单习题

风染07

于 2024-09-11 20:58:40 发布

阅读量110

点赞数 4

文章标签： html5

本文链接：https://blog.csdn.net/2302_80528053/article/details/142149709

版权

这两道题挺简单的没什么区别，会其中一题另一题也会。没什么思路话的可以看看我前面发布的那篇基础知识文章相信你认真看完后肯定会恍然大悟。

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

<!DOCTYPE html> 
<html> 
	<head> 
		<meta charset="utf-8" />  
		<meta name="viewport" content="width=device-width,initial-scale=1.0"> 
		<title>网页学习</title> <!-- 设置网页标题 -->  
		<style> <!-- 开始内嵌CSS样式定义 -->  
		body { <!-- 针对整个文档的主体部分设置样式 -->  
			color:blue; <!-- 设置文字颜色为蓝色 -->  
			background-color: #99ffff; <!-- 设置网页背景颜色为淡蓝色 -->  
		}  
		hr { <!-- 针对水平分割线的样式设置 -->  
			height: 5px; <!-- 设置分割线的高度为5像素 -->  
			background-color: #ff3333; <!-- 设置分割线的颜色为红色 -->  
		}  
		</style> <!-- 结束内嵌CSS样式定义 -->  
	</head> <!-- 结束文档的头部部分 -->  
	<body> <!-- 开始文档的主体部分 -->  
		<h1>欢迎大家一起开始学习网页制作</h1> <!-- 主标题，显示欢迎信息 -->  
		<hr> <!-- 插入水平分割线 -->  
	</body>  
</html>

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

。


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>百度搜索</title>
		<style>
		body {
			color:blue;
			background-color: #ffff33;
		}
		hr {
			height: 5px;
			background-color: #0033ff;
		}
		</style>
	</head>
	<body>
		<h1>欢迎使用百度搜索</h1>
		<img src="img/dfbf16521a725864e277be9143b7546.png">
		<hr> <!--水平分割线-->
	</body>
</html>