HTML标记语言——图像标记

简介:

     图像标记

1   <img>图像标记

1.1   使用方法

   <img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值"

1.2   <img>标记的属性

1.2.1   src属性

   指定我们要加载的图片的路径和图片的名称以及图片格式

1.2.2   width属性

   指定图片的宽度,单位px、em、cm、mm

1.2.3   height属性

   指定图片的高度,单位px、em、cm、mm

1.2.4   border属性

    指定图片的边框宽度,单位px、em、cm、mm

1.2.5   alt属性

   当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字

   如果图像没有下载或者加载失败,会用文字来代替图像显示

   搜索引擎可以通过这个属性的文字来抓取图片

1.3   注意

   <img>为单标记,不需要使用</img>闭合

  在加载图像文件的时候,文件的路径或者文件名文件格式错误,将无法加载图片 



本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1979721

相关文章
|
6月前
|
数据可视化 前端开发
HTML基础结构和常用标记的例子
HTML基础结构和常用标记的例子
37 0
|
11天前
|
存储
HTML 图像1
在HTML中,图像通过`&lt;img&gt;`标签定义,此标签仅含属性而无闭合标签。要显示图像,需指定源属性`src`,其值为图像的URL地址。此外,推荐使用`alt`属性提供替代文本,以增强页面的可访问性。图像的高度和宽度可通过`height`和`width`属性设置,以确保页面加载时布局稳定。使用图像时应注意数量和路径,避免影响页面加载速度和显示效果。
|
2月前
|
前端开发 JavaScript
html图像属性的高级用法
在HTML中,通过结合CSS、JavaScript及其他HTML元素,可以实现图像属性的高级用法,例如响应式图像、懒加载、图像映射、CSS滤镜、SVG图像、图像作为背景以及使用JavaScript动态更改图像。
|
2月前
|
前端开发
html图像属性详解
在 HTML 中,使用 `&lt;img&gt;` 标签插入图像。主要属性包括:`src` 指定图像路径,`alt` 提供替代文本,`width` 和 `height` 设置尺寸,`title` 显示额外信息,`loading` 控制加载方式(如 `lazy` 延迟加载),`class` 和 `style` 用于样式化,`usemap` 定义图像映射,`ismap` 表示服务器端映射。这些属性可组合使用以实现复杂效果。
|
2月前
|
编解码 前端开发
HTML 图像的高阶写法
在 HTML 中,通过使用多种属性和技术可以增强图像的功能、可访问性和性能
|
2月前
|
前端开发 JavaScript
改变 HTML 图像
【9月更文挑战第03天】
41 3
|
3月前
|
移动开发 HTML5
HTML5文档头部相关标记
【8月更文挑战第28天】HTML5文档头部相关标记。
39 1
|
3月前
HTML标记 和标记的属性
【8月更文挑战第28天】HTML标记 和标记的属性。
43 1
|
4月前
|
自然语言处理 开发者 Python
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
|
5月前
|
前端开发
超文本标记语言(HTML)简介
超文本标记语言(HTML)简介