HBuilder网页制作：图片居中、文字倾斜加粗教程

以下是使用HBuilder创建包含图片展示和文字展示的网页，并将图片水平居中，字体倾斜并加粗的步骤：

打开HBuilder软件，并创建一个新的HTML文件。
在HTML文件中，使用<img>标签插入图片。例如：<img src='图片路径' alt='图片描述'>。将'图片路径'替换为实际图片的文件路径，'图片描述'替换为对图片的简短描述。
在图片下方插入文字展示的部分。可以使用<p>标签来定义段落，或使用<h1>到<h6>标签来定义标题。例如：<h1>这是标题</h1><p>这是文字内容。</p>。
使用CSS样式来实现图片水平居中、字体倾斜和加粗的效果。在HTML文件的<style>标签内，可以添加以下样式代码：
```
img {
  display: block;
  margin: 0 auto;
}

p {
  font-style: italic;
  font-weight: bold;
}
```
display: block;将图片转换为块级元素，使其可以设置水平居中样式。margin: 0 auto;将图片的左右外边距设置为自动，从而实现水平居中。

font-style: italic;将文字倾斜。

font-weight: bold;将文字加粗。
在HTML文件中，将图片和文字部分的标签包裹在一个容器标签内，例如<div>标签。这样可以方便对整个部分进行样式设置。
```
<div class='container'>
  <img src='图片路径' alt='图片描述'>
  <h1>这是标题</h1>
  <p>这是文字内容。</p>
</div>
```
在CSS样式中，为容器标签添加样式，例如：
```
.container {
  text-align: center;
}
```
text-align: center;将容器内的内容水平居中。
保存HTML文件，并在浏览器中打开该文件，即可看到包含图片展示和文字展示的网页，并且图片水平居中，文字倾斜并加粗。