4.7 实战——图文混排网页

文字和图像是网页中最基本的元素，在网页中插入图像会使得网页更加生动形象。在网页中创建图文混排网页的方法非常简单，如图4-48所示的是图文混排的效果，具体操作步骤如下。

图4-48 图文混排网页效果

原始文件：原始文件/04/实战/index.html
最终文件：最终文件/04/实战/index1.html

步骤01 打开网页文档，如图4-49所示。

图4-49 打开网页文档

步骤02 将光标置于页面中，输入相应的文字，如图4-50所示。

图4-50 输入文字

步骤03 将光标置于文字中，执行“插入”|“图像”|“图像”命令，弹出“选择图像源文件”对话框，在对话框中选择图像images/guoyuan.jpg，如图4-51所示。

图4-51 “选择图像源文件”对话框

步骤04 单击“确定”按钮，插入图像，如图4-52所示。

图4-52 插入图像

步骤05 选中插入的图像，单击鼠标右键，在弹出的快捷菜单中选择“对齐”|“右对齐”选项，如图4-53所示。

图4-53 设置图像的对齐方式

步骤06 保存文档，按F12键在浏览器中预览，效果如图4-48所示。