6.3相对路径和绝对路径 (1).pptx

下载文档

0
0
约小于1千字
约 17页
2024-09-07 发布于陕西
举报
版权申诉
保障服务

6.3相对路径和绝对路径 (1).pptx

1、本文档共17页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

前端页面开发HTML相对路径和绝对路径

目录CONTENTS01img标签语法02目录结构03总结04练习题

在HTML中，路径分为2种：①绝对路径；②相对路径。绝对路径：图片在你电脑中的完整路径。相对路径和绝对路径相对路径：图片相对当前页面的位置。

01img标签语法

imgsrc=图像源文件的路径alt=图像无法显示时的提示文字title=”鼠标经过图像时的提示文字”一、img标签语法

02目录结构

二、目录结构

“网页1”引用图片绝对路径写法：imgsrc=D:/website/img/haizei.png/相对路径写法：imgsrc=img/haizei.png/举例

二、目录结构相对路径的正确写法：imgsrc=haizei.png/

“网页2”引用图片绝对路径写法：imgsrc=D:/website/img/haizei.png/相对路径写法：imgsrc=“../img/haizei.png/举例

二、目录结构相对路径的正确写法：imgsrc=../haizei.png/

03总结

在实际开发中，站内文件不管是图片还是超链接等，我们都是使用相对路径，几乎不会用绝对路径。总结为什么我使用绝对路径时，图片不能显示出来？对于图片或文件，可以使用中文名吗？疑问总结

04练习题

一、单选题1.在img标签中，（）属性的内容是提供给搜索引擎看的。A.srcB.altC.titleD.class练习题2.下面说法，正确的是（）。A.当鼠标移到图片上时，就会显示img标签alt属性中的文字B.src是img标签必不可少的属性，只有定义它之后图片才可以显示出来C.在实际开发中，我们常用的是绝对路径，很少用到相对路径D.如果想要显示一张动画图片，可以使用png格式来实现

二、编程题1.尝试在一个页面显示3种格式（jpg、png、gif）的图片，并且注意路径的书写。练习题

前端页面开发HTML谢谢观看