使用 HBuilder 编写符合要求的文档

不徐耍赖

于 2024-09-11 16:14:19 发布

阅读量328

点赞数 8

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/2301_80192878/article/details/142142478

版权

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

①打开HBuilder软件，点击新建项目

②点击普通项目输入项目名称，若保存的地址需要更改则点击浏览进行更改，然后选择基本HTML项目，点击创建

③我们直接在命名为homework2的文件夹中找到index.html文件进行编写与要求相对应的代码，如图所示

④编写完后点击运行，选择一个浏览器，完成效果如图所示

以下是仅供参考的代码

<!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>
	<h1>欢迎大家一起开始学习网页制作</h1>
	<hr>
</body>
</html>

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

①打开HBuilder软件，点击新建项目

②点击普通项目输入项目名称，若保存的地址需要更改则点击浏览进行更改，然后选择基本HTML项目，点击创建

③我们直接在命名为homework3的文件夹中找到index.html文件进行编写与要求相对应的代码，如图所示

④编写完后点击运行，选择一个浏览器，完成效果如图所示

以下是仅供参考的完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>百度搜索</title>
		<style>
			body {
				background-color: #ffff33;
				}
				hr {
					border: none;
					height: 5px;
					background-color: #0033ff;
					}
					</style>
	</head>
<body>
	<p>欢迎使用百度搜索</p>
	<div class="hr-line"></div>
	<img src="img/baidu.png"/>
</body>
</html>