HTML 图像- 图像标签( <img>)和源属性(Src)
在 HTML 中,图像由<img> 标签定义。
<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
语法:
<img src="url" alt="some_text">
URL为图像的位置,一个很不错的上传图像自动得到URL的平台:聚合图床
HTML图像-Alt属性
alt属性用来为图像定义一串预备的可替换的文本。当浏览器无法显示图片时,替换属性可让读者看到失去的相关信息。
替换文本属性的值是用户定义的
<img src="boat.gif" alt="Big Boat">
HTML图像-设置图像的高度与宽度
height(高度)与 width(宽度)属性用于设置图像的高度与宽度。
不设置图片的宽度/高度可能会破坏HTMLE页面的整体布局
属性值默认单位为像素
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
注意事项
注意:假如某个 HTML 文件包含十个图像,那么为了正确显示这个页面,需要加载 11 个文件。加载图片是需要时间的,所以我们的建议是:慎用图片。
注意:加载页面时,要注意插入页面图像的路径,如果不能正确设置图像的位置,浏览器无法加载图片,图像标签就会显示一个破碎的图片。
HTML 图像标签
标签 | 描述 |
---|---|
<img> | 定义图像 |
<map> | 定义图像地图 |
<area> | 定义图像地图中的可点击区域 |
参考:菜鸟教程
标签:定义,标签,HTML,图像,页面,属性 来源: https://www.cnblogs.com/gentlejan/p/16178386.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。