2021-07-13 HTML基础（二）

最新推荐文章于 2023-08-01 09:37:29 发布

前端畑鹿惊

最新推荐文章于 2023-08-01 09:37:29 发布

阅读量712

点赞数 1

分类专栏：笔记文章标签： html5 html

本文链接：https://blog.csdn.net/m0_46522502/article/details/118712870

版权

5.img标签

1.<img src=“图片路径” 绝对路径相对路径网络路径 base64位>
2. 绝对路径: 从盘符开始的路径，就是绝对路径 (不要用绝对路径)

<img src="D:/图片素材/无标题2.png" alt="">

3.相对路径: 相对于当前文件而言, 找到另一个文件的路径
当前目录: ./ 表示当前文件夹 ./可以忽略不写
上层目录: …/ 表示返回上一级文件夹

<img src="./图片素材/2.png" alt="">
<img src="../效果图/1.jpg" alt="">

4.网络路径:有网络就可以打开~

<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="">

5.base64位：需要将图片上网转化成非常长长长长~的解析链接才可以使用，不喜欢。。

6.alt属性：图片的代替文本，当图片打不开时，会显示出替代文字。

<img src="路径出错" alt="这是吴彦祖">

    <!-- vspace="" 图片的垂直间距 -->
    <!-- hspace="" 图片的水平间距 -->
    <!-- title="" 鼠标悬浮图片出现的文字-->
    <img src="../效果图/1.jpg" alt="图片的替代文本" vspace="20px" hspace="300px" title="xxx" >

6.iframe框架

<body>
    <!-- iframe 用来在页面中，嵌入其他网页 -->
    <!-- src="网页的路径 (相对、绝对、网络都可以)" -->
    <iframe src="https://www.baidu.com" frameborder="0" style="width: 48%; height:50%"></iframe>
    
    <iframe src="https://www.17sucai.com" frameborder="0" style="width: 48%; height:50%"></iframe>
    
    <iframe src="https://www.4399.com"

最低0.47元/天解锁文章

前端畑鹿惊

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
2021-07-13 HTML基础（二）

5.img标签1.<img src=“图片路径” 绝对路径相对路径网络路径 base64位>2. 绝对路径: 从盘符开始的路径，就是绝对路径 (不要用绝对路径)<img src="D:/图片素材/无标题2.png" alt="">3.相对路径: 相对于当前文件而言, 找到另一个文件的路径当前目录: ./ 表示当前文件夹 ./可以忽略不写上层目录: …/ 表示返回上一级文件夹<img src="./图片素材/2.png" alt="">
复制链接

扫一扫