在编辑苹果电脑上的HTML文档时，引用图片是一个常见的操作，引用图片不仅可以美化页面，还能使内容更加生动有趣，如何在HTML中引用图片呢？下面我将详细介绍在苹果电脑上编辑HTML文档时引用图片的方法。
我们需要准备一张图片，为了便于说明，这里假设图片文件名为“example.jpg”，并且该图片与HTML文档位于同一文件夹内。
1、打开HTML文档
在苹果电脑上，可以使用多种文本编辑器来编辑HTML文档，如自带的文本编辑器、Sublime Text、Atom等，以下是具体步骤：
（1）找到并打开你的HTML文档，假设文档名为“index.html”。
（2）在文本编辑器中，你会看到一个包含HTML标签的文本区域。
2、引用图片
要在HTML中引用图片，我们需要使用<img>标签，以下是具体步骤：
（1）将光标定位到需要插入图片的位置。
（2）输入以下代码：
<img src="example.jpg" alt="描述文本">
“src”属性表示图片的路径，这里我们使用相对路径（即图片与HTML文档在同一文件夹内），如果你的图片位于不同的文件夹，需要修改路径，
<img src="images/example.jpg" alt="描述文本">
这里的“images/”表示图片位于当前文件夹下的“images”子文件夹内。
（3）“alt”属性表示图片的替代文本，当图片无法显示时，会显示这段文本，它也有助于搜索引擎优化和屏幕阅读器识别。
3、调整图片大小和样式
有时，我们可能需要调整图片的大小或添加一些样式，以下是具体步骤：
（1）要设置图片的宽度和高度，可以在<img>标签中添加“width”和“height”属性。
<img src="example.jpg" alt="描述文本" width="200" height="150">
这里将图片的宽度设置为200像素，高度设置为150像素。
（2）要添加样式，可以使用“style”属性。
<img src="example.jpg" alt="描述文本" style="border: 1px solid black; padding: 5px;">
这里为图片添加了1像素的黑色边框和5像素的内边距。
4、测试图片显示
完成上述操作后，我们需要测试图片是否能够正常显示，以下是具体步骤：
（1）保存HTML文档。
（2）在浏览器中打开HTML文档，你可以使用苹果电脑上的Safari、Chrome或Firefox等浏览器。
（3）查看图片是否在预期位置显示，以及是否符合设置的大小和样式。
通过以上步骤，我们就可以在苹果电脑上的HTML文档中成功引用图片了，需要注意的是，引用图片时，要确保图片的路径正确，以及遵循网页设计的最佳实践，以提升用户体验。
在HTML中引用图片并不复杂，只要掌握<img>标签的用法，就能轻松地在网页中添加图片，通过不断实践和学习，相信你会更加熟练地掌握HTML中的图片引用技巧。