<img src="图像URL" />

该语法中src属性用于指定图像文件路径和文件名,他是img标记的必需属性。

相对路径和绝对路径

相对路径相对路径不带有盘符,常日因此HTML网页文件为出发点,通过层级关系描述目标图像的位置。
例如:

<img src="img/logo.gif" alt="传智播客-专业的java培训,.net培训,php培训,网页培训,平面培训,iOS培训机构" />

相对路径设置分为以下三种:

网页元素的html标记HTML图像标志 Webpack
(图片来自网络侵删)

图像文件和html文件位于同一文件夹:只需输入图像文件的名称即可,如<img src="logo.gif" />。

图像文件位于html文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如<img src="img/img01/logo.gif" />。

图像文件位于html文件的上一级文件夹:在文件名之前加入“…/” ,如果是上两级,则须要利用 “…/ …/”,以此类推,如<img src="../logo.gif" />。

绝对路径

绝对路径一样平常是指带有盘符的路径。

例如:

“D:\HTML+CSS网页制作\chapter02\img\logo.gif”,或完全的网络地址,例如“http://www.itcast.cn/images/logo.gif”。

我自己是一名从事了多年开拓的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适宜2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。

原文链接:https://blog.csdn.net/dubaiqaq/article/details/103500345