前端基础-html-图片标签

<!--

图片标签

场景：在网页中显示图片

代码：

解释：

img: 标签名

src: 属性名

“ ”: 属性值

src=" ": 标签属性

alt: 属性名

属性值:替换文本

当图片加载失败时，才显示alt的文本

当图片加载成功时，不会显示alt的文本 title: 属性名

属性值：提示文本

当鼠标悬停时，才显示的文本

注意点：title属性不仅仅可以用于图片标签，还可以用于其他标签

width和height属性

whidth和height：属性名

属性值：宽度和高度（数字）

注意点：

如果只设置width或height中的一个，另一个没设置的会自动等比例缩放（此时图片不会变形）

如果同时设置了width和height两个，若设置不当，此时图片可能变形

属性注意点：

1.标签的属性写在开始标签内部

2.标签上可以同时存在多个属性

3.属性之间可以空格隔开

4.标签名与属性之间必须以空格隔开

5.属性之间没有顺序之分

图片标签特点:

单标签

img标签需要展示对应的效果，需要借助标签的属性进行设置

-->

前端基础-html-图片标签相关推荐

前端基础HTML-基础标签
前端基础HTML-基础标签 01-标题标签 <h1>1级标题</h1><h2>2级标题</h2><h3>3级标题</h3>< ...
前端基础——双单标签、行内块级元素、路径、常用标签
一.单标签和双标签: 在HTML基础中,单标签就是由一个标签组成的. 例如<br>.<hr>.<img>.<input>.<param>.& ...
前端基础01 html标签总结
一.html是什么 A.HTML是超文本标记语言 B.文本:txt文本只能用于存放文字或者是字符 C.超文本:不仅可以用于来描述文字还可以用于来描述图像音频视频超链接 D.标记:类似java ...
前端基础-html-换行标签
 <p>前端技术 <br> 一般分 ...
web前端基础（05htmlimg标签和滚动标签）
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>< ...
前端基础之操作标签—文档处理
一.操作标签 1.文档处理 <1>添加到指定元素内部的后面 $(A).append(B) // 把B追加到A后面 $(B).appendTo(A) // 把B追加到A后面 < ...
前端基础-html-链接标签的介绍
<!-- 链接标签场景:点击之后,从一个页面跳转到另一个页面称呼:a标签.超链接.锚链接代码: <a href="https://www.baidu.com/"& ...
前端基础-html-视频标签的介绍
<!-- 场景:在页面中插入视频代码:<video src="./89bb146d7bfdbdeb58b146202456d50c.mp4"></vide ...
前端基础-html-音频标签的介绍
<!-- 音频标签的介绍场景:在页面中插入音频代码:<audio src="./Eyes Closed.mp3" controls></audio> ...

前端基础-html-图片标签

前端基础-html-图片标签相关推荐

最新文章

热门文章