web图像显示漫游_HTML图像标记

HTML图像标记

常用的图像格式—GIF,PNG,JPG图像标记
HTML网页中任何元素的实现都要依靠HTML标记,要想在网页中显示图像就需要使用图像标记,接下来将详细介绍图像标记以及和他相关的属性。其基本语法格式如下:

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

3d4cb66bc2a379afe7b2fefab6af5371.png

相对路径和绝对路径

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

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

图像文件和html文件位于同一文件夹:只需输入图像文件的名称即可,如

图像文件位于html文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如

图像文件位于html文件的上一级文件夹:在文件名之前加入“…/” ,如果是上两级,则需要使用 “…/ …/”,以此类推,如

绝对路径

绝对路径一般是指带有盘符的路径。

例如:

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

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

b86d6c3c8ec67e8731098fe88e94bef2.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值