前端html5和css基础教程笔记【六】

三五博客
2022-09-25 / 0 评论 / 1 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年09月25日,已超过66天没有更新,若内容或图片失效,请留言反馈。

图片标签

用于当前页面中引入外部图片
使用img标签引入。是自结束标签

<img src="">

属性:

1.src 外部图片的地址

2.alt 图片的描述【默认不显示,有些浏览器会在图片无法加载时显示描述】,搜索引擎会根据alt内容识别图片,不写alt属性,搜索引擎不会收录图片

3.width 图片的宽度【单位是像素】

4.height 图片的高度
宽度或高度只修改了一个,另一个会等比例缩放

图片的格式:

1.jpeg【jpg】
支持的颜色比较丰富,不支持透明效果和动图
一般用来显示照片

2.gif
支持颜色比较少,支持简单透图,支持动图

3.png
支持颜色丰富,支持复杂透明图,不支持动图
颜色丰富,专为网页

4.webp
谷歌新腿出的专为表示网页的图片格式
具备了其他格式的优点,而且文件特别小
兼容性不好

5.base64图片
可以使用base64将图片进行编码成字符,然后通过字符的形式引入图片。【这样加载图片迅速】

Screenshot_2022-09-25-11-50-17-114_tv.danmaku.bili.jpg

内联框架

用于向当前页面引入一个其他页面

<iframe src="" frameborder="0">内联框架</iframe>

属性:

1.src 指定要引入的页面路径

2.framborder 指定内联框架的边框【0-没有,1-有】

Screenshot_2022-09-25-12-02-02-228_tv.danmaku.bili.jpg

不加framborder属性【会出现边框】

Screenshot_2022-09-25-12-03-37-819_tv.danmaku.bili.jpg

0

打赏

海报

正在生成.....

评论 (0)

取消