html代码html图片路径怎样写

前言

在编写HTML代码时，我们经常需要在页面中插入图片。为了正确显示图片，我们需要正确指定图片的路径。下面我将介绍几种常见的HTML图片路径写法，包括相对路径和绝对路径。

相对路径：

相对路径是相对于当前HTML文件的位置来指定图片路径的。常见的相对路径写法有三种：

1. 相对于当前文件所在文件夹的图片路径：<img src="images/pic.jpg">
   在这种写法中，图片文件pic.jpg与当前HTML文件在同一文件夹下的一个子文件夹images中。

2. 相对于当前文件所在文件夹的上一级文件夹的图片路径：<img src="../images/pic.jpg">
   在这种写法中，图片文件pic.jpg与当前HTML文件在同一文件夹下的上一级文件夹images中。

3. 相对于当前文件所在文件夹的上一级文件夹的上一级文件夹的图片路径：<img src="../../images/pic.jpg">
   在这种写法中，图片文件pic.jpg与当前HTML文件在同一文件夹下的上一级文件夹的上一级文件夹images中。

绝对路径：

绝对路径是根据服务器的文件系统来指定图片路径的。常见的绝对路径写法有两种：

1. 完整URL路径：<img src="http://www.example.com/images/pic.jpg">
   在这种写法中，图片文件pic.jpg的完整URL路径是http://www.example.com/images/pic.jpg。

2. 相对于根目录的路径：<img src="/images/pic.jpg">
   在这种写法中，图片文件pic.jpg位于服务器的根目录下的一个子目录images中。

总结

正确指定HTML图片路径对于显示图片是非常重要的。在编写HTML代码时，根据实际的文件结构和需求来选择使用相对路径或绝对路径，并确保路径的正确性。