1.使用 HBuilder编写符合以下要求的文档:网页标题为“网页学习”,在浏览器窗口中显示“欢迎大家一起开始学习网页制作”。完成效果如图1-17所示。其中网页所有文字的颜色为blue,背景颜色为#99f;水平分割线粗细为5,颜色为#HI3333。
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>网页学习</title>
<style>
body{
color:blue;
background-color:#99ffff;
}
hr{
border:none;/* 去掉水平分割线默认的边框 */
height:5px;/* 水平分割线的粗细为 5px */
background-color:#ff3333;
}
</style>
</head>
<body>
<h1>欢迎大家一起开始学习网页制作</h1>
<hr>
</body>
</html>
结果展示:
2.使用HBuilder编写符合以下要求的文档:网页标题为“百度搜索”,在浏览器窗口中显示“欢迎使用百度搜索”和百度图片,完成效果如图1-18所示。其中网页背景颜色为#33;水平分割线粗细为5,颜色为#0033f。
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>百度搜索</title>
<style>
body{
background-color:#ffff33;
}
hr{
borden:none;
height:5px;
background-color:#0033ff;
}
</style>
</head>
<body>
<p>欢迎使用百度搜索</p>
<hr>
<img src="img/12.png"/>
</body>
</html>
结果展示: