第一章课后练习 2.0

最新推荐文章于 2024-09-27 09:37:38 发布

白云云哟

最新推荐文章于 2024-09-27 09:37:38 发布

阅读量238

点赞数 6

文章标签： html 前端 css

本文链接：https://blog.csdn.net/2301_80403042/article/details/142578608

版权

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

代码如下（代码中有注释）：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页学习</title>
        <!--网页标题-->
	<style>body {
			background-color: #99ffff;
			color: blue;
			font-family: Arial, sans-serif;
            <!--设置背景颜色，设置文本颜色,字体-->
			}
		hr {
			border: none;
			height: 5px;
			background-color: #ff3333;
            <!--设置分割线大小和颜色-->
			}
		</style>
    </head>
	<body>
		"欢迎大家一起开始学习网页制作"
		<hr>
        <!--设置分割线-->
	</body>
</html>

网页运行效果如下：

2.网页标题为“百度搜索”，在浏览器窗口中显示“欢迎使用百度搜索”和百度图片。其中网页背景颜色为#ffff33；水平分割线粗细为5，颜色为#0033ff。

代码如下（代码中有注释）：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>百度搜索</title>
        <!--定义网页名称-->
		<style>
			body {
				background-color: #ffff33;
				}
            <!--定义网页主体背景颜色-->
			hr {
				border: none;
				height: 5px;
				color:#ffff33 ;
				}
                <!--定义一个分割线-->
		</style>
	</head>
	<body>
		<a href='https://www.baidu.com/'>欢迎使用百度搜索</a></br>
            <!--导入超链接-->
		<hr />
		<img src="img/baidu.jpg"/ width="300" height="100">
        <!--设置图片大小，导入图片-->
	</body>
</html>

网页运行效果如下：