HTML空元素(img标签)
2020-07-18 15:11
155 查看
空元素
不是所有元素都拥有开始标签,内容,结束标签。一些元素只有一个标签,通常用来在此元素所在位置插入/嵌入一些东西。例如:元素是用来在元素所在位置插入一张指定的图片。
<img src="./img/pic1.jpg" alt="iu小姐姐" width="342px" height="192px">
其中:src里面输入图片的路径;
alt:alt属性是元素的必选属性,它给出了图像的备选文本,供图像无法显示时采用。 当用户因为某种原因(比如:打开速度慢、src属性存在错误或者用户使用了屏幕阅读器)不能查看图像时,alt属性提供了替代信息。
如图:
width:设置图片的宽;
height:设置图片的高。(px为像素)
运行结果如图所示:(第一张图为了看清楚图片大小)
如果对单词有不清楚的参考我第一篇文章:《HTML》所用高频单词合集
相关文章推荐
- html表格、表单元素、img标签、图像映射技术、html4引入flash
- html 14 h1-h6 p img 自闭合标签 闭合标签 替换式元素 有序编号,无需编号
- html表格、表单元素、img标签、图像映射技术、html4引入flash
- html css 怎么使img和a标签在一个行内元素中间对齐
- HTML中input和img标签元素同行水平对齐
- HTML标签换行导多个inline-block元素不能在同一行,img之间会有空格
- html css 怎么使img和a标签在一个行内元素中间对齐
- html表格、表单元素、img标签、图像映射技术、html4引入flash
- HTML基础(入门、开发、中文问题、标签、元素、属性、注释)
- HTML基础 img标签border给显示的图片加上一个黑色边框
- 前端学习笔记之Html标签元素类别
- 去除HTML标记 修改p标签为br,修改br为br,保留img标签
- html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
- Html常用标签元素
- js中创建html标签、添加select下默认的option的value和text、删除select元素节点下所有的OPTION节点
- Java 获取Html文本中的img标签下src中的内容
- HTML中Img标签的技巧
- html dl dt dd标签元素语法结构与使用
- HTML基础:标签属性和元素
- HTML基本语法格式(元素、标签)