1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > HTML的图像标签 目录文件夹 路径(相对路径 路径之绝对路径)

HTML的图像标签 目录文件夹 路径(相对路径 路径之绝对路径)

时间:2024-06-15 15:21:25

相关推荐

HTML的图像标签 目录文件夹 路径(相对路径 路径之绝对路径)

图像标签

1.在HTML标签中,<img>标签用于定义HTML页面中的图像

<img src="图像URL"/>

src是<img>标签的必须属性,它用于指定图像文件的路径和文件名。

所谓属性:简单理解就是这个图像标签的特性。

src 图片路径 必须属性

alt 文本 替换文本,图像不能显示时,显示文字

title 文本 提示文本,鼠标放到图像上,显示的文字

width 像素 设置图像的宽度

height 像素 设置图像的高度

border 像素 设置图像的边框粗细

<body><h1>图像标签的使用:</h1><img src="img.jpg" width="1500" border="15" /><h1> alt 替换文本 图像显示不出来的时候用文字替换:</h1><img src="img1.jpg" alt="我是想菲的鱼"/><h1> title 提示文本 鼠标经过图像显示出来的文字:</h1><img src="img.jpg" title="我是想菲的鱼" height="1500" border="15"/></body>

注意:width 和height不一起用

目录文件夹:就是普通的文件夹,里面只不过存放了我们做页面所需要的相

关素材,比如html文件、图片

根目录:打开目录文件夹的第一层就是根目录

路径:

页面中的图片非常多,通常我们会新建一个文件夹来存放这些图形文件(images),

这时再查找图像文件(images),这时再查找图像,就需要采用“路径”的方式来

指定图像文件的位置。

路径可以分成:

相对路径:以引用文件所在位置为参考基础,而建立出的目录路径

相对路径分类 符号 说明

同一级路径 图像文件位于HTML文件同一级,如<img src="baidu.gif"/>

下一级路径 / 图像文件位于HTML文件下一级,如<img src="images/baidu.gif"/>

上一级路径 ../ 图像文件位于HTML文件上一级,如<img src="../baidu.gif"/>

路径之绝对路径

绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径

例如:C:\Users\158\Desktop\前端基础HTML\案例\img.jpg

或完整网站地址

<body><img src="C:\Users\158\Desktop\前端基础HTML\案例\img.jpg" height="700"/><img src="/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"/></body>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。