下载掌阅APP，畅读海量书库
立即打开
本例的最终效果如图3-14所示（本例所使用的图像文件所在位置：源文件与素材/素材文件/第3章）。
图3-14 网页效果
通过图3-14的显示效果图可以看到网页被分成两个部分，最上面要插入图像，可以使用＜img＞标签，下半部分输入文字并设置文字排版。
步骤01 在网页中插入名为mr.jpg的图像，示例代码如下。
步骤02 在网页中输入文字并设置文字排版，在＜img src="images/mr.jpg"＞下方输入以下代码。
步骤03 保存为HTML文件并在浏览器中打开即可。