习题一
1.使用HBuilder编写符合要求的文档:网页标题为“网页学习”,在浏览器窗口中显示“欢迎大家一起开始学习网页制作”。其中网页所有文字的颜色为blue,背景颜色#99ffff;水平分割线粗细为5,颜色为#ff3333。
<!DOCTYPE html>
<head>
<title>网页学习</title>
<style>
body {
color: blue; /* 设置字体颜色为蓝色 */
background-color: #99ffff; /* 设置背景颜色为 #99ffff */
}
hr {
border: none;
height: 5px; /* 设置水平分割线的高度为5px */
background-color: #ff3333; /* 设置水平分割线的颜色为 #ff3333 */
}
</style>
</head>
<body>
<p>欢迎大家一起开始学习网页制作</p>
<hr> <!-- 水平分割线 -->
</body>
</html>
网页效果
习题二
2.使用HBuilder编写符合要求的文档:网页标题为“百度搜索”,在浏览器窗口中显示“欢迎使用百度搜索”和百度图片。其中网页背景颜色为#ffff33,水平分割线粗细为5,颜色为#0033ff。
<!DOCTYPE html>
<head>
<title>百度搜索</title>
<style>
body {
background-color: #ffff33; /* 设置背景颜色为 #ffff33 */
}
hr {
border: none;
height: 5px; /* 设置水平分割线的高度为5px */
background-color: #0033ff; /* 设置水平分割线的颜色为 #0033ff */
}
</style>
</head>
<body>
<p>欢迎使用百度搜索</p>
<img src="img/d8cf0f9c2b8c5d6e8ebb942dfbca9d4.png">
<hr> <!-- 水平分割线 -->
</body>
</html>