HTML图像标记

HTML图像标记

作者: Mustard_Buli | 来源:发表于2018-06-06 09:34 被阅读14次

HTML图像标记
【HTML】一、HTML的语法
【HTML】七、HTML框架
【HTML】五、超链接的使用
【HTML】六、表格
【HTML】八、表单设计
HTML标记语言【总】
【HTML】二、html的基本结构
【HTML】三、文档设置标记
【HTML】四、图像标记

`<img>`图像标记

使用方法
<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">
注意
- <img>为单标记，不需要</img>闭合
- 在加载图像时，如果路径错误，则不会加载
<img>标记的属性
1. src
  
  指定图片路径、名称、格式
2. width
  
  指定图片宽度, px、em、cm、mm
3. height
  
  指定图片高度
4. border
  
  图片的边框
5. alt
  - 作用1：加载完成后，鼠标移动到上面去，显示的指定文字
  - 作用2：加载失败时，用文字代替图象显示
  - 作用3：搜索引擎可以通过这个属性的文字来抓取文字

相关文章

HTML图像标记
图像标记使用方法注意为单标记，不需要闭合在加载图像时，如果路径错误，则不会加载标记的属性src...
【HTML】一、HTML的语法
HTML标记语言一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...
【HTML】七、HTML框架
HTML标记语言一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...
【HTML】五、超链接的使用
HTML标记语言一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...
【HTML】六、表格
HTML标记语言一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...
【HTML】八、表单设计
HTML标记语言一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...
HTML标记语言【总】
HTML标记语言一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...
【HTML】二、html的基本结构
HTML标记语言一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...
【HTML】三、文档设置标记
HTML标记语言一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...
【HTML】四、图像标记
HTML标记语言一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

网友评论

本文标题：HTML图像标记

本文链接：https://www.haomeiwen.com/subject/mngvsftx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

栏目导航

热点阅读

关于我们|服务条款|联系我们|HTML图像标记|投稿指南|网站地图|RSS订阅|排版工具|手机版

提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网版权所有

备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！