6.5　综合实例

6.5　综合实例

使用本章所学设置图片属性的知识，制作图6-8所示的页面。

设计要求如下：

（1）第一张图片居左放置，要求设置右侧和下侧的间距以及边框。

（2）第二张图片居右放置，要求设置左侧和下侧的间距以及边框。

（3）段落设置首行缩进。

（4）小标题下方有边框线。

步骤如下：

（1）新建页面，在＜title＞标签中输入“综合实例”作为页面标题。

（2）观察整个页面内容，根据语义选择使用哪个标签。为了方便设置整个页面内容的样式，使用id为wrapper的div将所有元素包围起来。

（3）“最适合放空的安静古镇”使用h1元素，下方的标题使用h2元素。

（4）完成HTML部分，代码如下：

图6-8　综合实例运行结果

（5）设置样式表全局属性，代码如下：

（6）分别设置居左图片和居右图片的属性，代码如下：

（7）为h1、h2、p元素添加样式，代码如下：