首页使用 HBuilder 编写符合以下要求的文档:网页标题为“百度搜索”，在浏览器窗口中显示“欢迎使用百度搜索”和百度图片，完成效果如图1-18所示。其中网页背景颜色为#ffff33;水平分割线粗细为5，颜色为#0033ff。代码如下：

使用 HBuilder 编写符合以下要求的文档:网页标题为“百度搜索”，在浏览器窗口中显示“欢迎使用百度搜索”和百度图片，完成效果如图1-18所示。其中网页背景颜色为#ffff33;水平分割线粗细为5，颜色为#0033ff。代码如下：

时间: 2024-09-15 17:08:51 浏览: 37

HBuilder是一款HTML5、CSS3、JavaScript开发工具，可以用于快速创建符合您描述的静态网页。首先，我们需要在HBuilder中新建一个HTML文件，然后编写必要的结构、样式和内容。 ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>百度搜索</title> <style> body { background-color: #ffff33; margin: 0; padding: 0; } .container { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; color: black; } h1 { font-size: 24px; text-align: center; line-height: 1.5; } hr { border: 0 solid #0033ff; width: 100%; height: 1px; margin-top: 20px; margin-bottom: 20px; } </style> </head> <body> <div class="container"> <h1>欢迎使用百度搜索</h1>  <img src="https://www.baidu.com/img/bd_logo1.png" alt="百度搜索logo"> </div> <hr> </body> </html> ``` 在这个例子中，我们设置了页面的基本结构，包括一个带有`百度搜索`标题和百度Logo的容器，以及一条水平分割线。注意，由于HBuilder本身是一个编辑器，你需要手动将图片链接替换为你想要展示的百度图片的实际URL。

阅读全文