`
chinagdvea
  • 浏览: 132421 次
  • 性别: Icon_minigender_1
  • 来自: 韶关
社区版块
存档分类
最新评论

图像<img>

    博客分类:
  • html
阅读更多
1.alt
属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src="boat.gif" alt="Big Boat">
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。


2.<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。
area 元素总是嵌套在 <map> 标签中。
注释:<img> 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。
实例
带有可点击区域的图像映射:
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
分享到:
评论

相关推荐

    HTML中的`<img>`标签:嵌入图像的基石

    本文将详细介绍&lt;img&gt;标签的用途、属性、如何优化图像以及代码示例。 &lt;img&gt;标签是HTML中嵌入图像的基础,它不仅可以增强网页的视觉效果,还可以提供重要的信息和功能。通过合理使用&lt;img&gt;标签的属性和响应式设计技术,...

    正则获取html中的 <img src = 图片地址

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,`&lt;img&gt;`标签是其中的一个元素,通常用于插入图像。它的基本格式如下: ```html &lt;img src="图片地址" alt="图片描述" /&gt; ``` 其中,`src`属性指定...

    HTML相关知识简单总结记录

    &lt;img&gt;标签用于插入图像,src属性指定图像源,alt属性提供替代文本,用于无法显示图像时的描述。 六、HTML表格 &lt;table&gt;元素用于创建表格,&lt;tr&gt;表示行,&lt;td&gt;或&lt;th&gt;表示单元格,&lt;th&gt;通常用于表头。 七、HTML表单 ...

    HTML语言标准详细教程--电子版

    &lt;img&gt;元素插入图像,src属性指定图像源,alt属性提供替代文本,以供无法显示图像时使用。 八、列表 无序列表&lt;ul&gt;包含&lt;li&gt;列表项,有序列表&lt;ol&gt;类似,但添加了数字或字母排序。还可以嵌套列表,增加层次感。 九、...

    html_basic.rar

    例如,&lt;p&gt;标签用于定义段落,&lt;h1&gt;至&lt;h6&gt;标签则用于创建不同级别的标题,&lt;a&gt;标签用于创建超链接,&lt;img&gt;标签插入图像,&lt;table&gt;标签用于创建表格,&lt;tr&gt;、&lt;td&gt;和&lt;th&gt;标签则分别定义表格的行、单元格和表头单元格。...

    HTML代码效果对比学习光盘(中)

    HTML标签是构成网页的基本元素,比如&lt;head&gt;, &lt;title&gt;, &lt;body&gt;, &lt;h1&gt;到&lt;h6&gt;(标题标签),&lt;p&gt;(段落标签),&lt;a&gt;(链接标签),&lt;img&gt;(图像标签)等。这些标签告诉浏览器如何解析和展示内容。 三、文本格式化 HTML...

    LabelImg图像标记.rar

    这个名为"LabelImg图像标记.rar"的压缩包包含了运行LabelImg所需的所有资源,特别是"LabelImg.exe",这是LabelImg在Windows环境下的可执行文件。 1. **LabelImg工具详解**: LabelImg是由Tianzhi Wang开发的一个轻...

    html + css +javascript 笔记

    图像&lt;img&gt;标签通过src属性指定图像源,width和height属性定义图像尺寸。表单&lt;form&gt;元素中的输入控件如&lt;input type="text"&gt;用于文本输入,&lt;input type="checkbox"&gt;和&lt;input type="radio"&gt;用于多选和单选,&lt;textarea&gt;...

    DBPix ActiveX 控件

    &lt;br&gt; DBPix ActiveX 控件 是一个用图像处理来创建数据库应用的图像控件,例如照片数据库和其他图像管理系统。&lt;br&gt;&lt;br&gt; DBPix ActiveX 控件主要特色: 无损JPEG旋转。 异步编码。 EXIF阅读器。 新的改进的用户界面。 ...

    匹配img标签_匹配src中的值

    在HTML文档中,`&lt;img&gt;`标签用于插入图像,其`src`属性是定义图像源的关键部分。要从HTML文本中提取所有`&lt;img&gt;`标签的`src`属性值,我们可以利用正则表达式(Regular Expression)这一强大的文本处理工具。正则表达式...

    HTML5插入图像案例.pdf

    * 可以使用 `&lt;img&gt;` 标签的 srcset 属性来实现响应式图像加载,根据不同的屏幕尺寸和设备类型加载不同的图像。 * 可以使用 `&lt;img&gt;` 标签的 lazyload 属性来实现图像的懒加载,以提高网页的加载速度和性能。 知识点...

    LabelImg是目标检测数据标注工具,可以标注两种格式: VOC标签格式和YOLO标签格式

    在这个例子中,`&lt;object&gt;`标签包含了对象的名称、位置(通过`&lt;bndbox&gt;`标签给出的边界框坐标)和其他信息,如是否被截断或难以识别。 **YOLO标签格式**则更为简洁,常用于You Only Look Once (YOLO) 目标检测算法。...

    图像的影像地图超链接(热点区域),map标签浅谈

    本文将详细介绍如何使用`&lt;img&gt;`、`&lt;map&gt;`以及`&lt;area&gt;`标签创建图像的热点区域,并探讨其实际应用。 #### 二、基础知识 ##### 2.1 `&lt;img&gt;`标签 `&lt;img&gt;`标签用于在HTML文档中嵌入图像。当结合`usemap`属性使用时,它...

    html代码img圆形头像.zip

    `&lt;img&gt;`标签是HTML中用于插入图像的标签,它的基本结构如下: ```html &lt;img src="image_path" alt="替代文本" /&gt; ``` 其中,`src`属性定义了图像的URL,`alt`属性提供了图像无法显示时的替代文本,这对于SEO和可...

    WEB开发 之 WML 链接和图像.docx

    `&lt;anchor&gt;`标签提供了导航和其他任务执行的功能,而`&lt;img&gt;`标签则让开发者能够在资源有限的移动设备上展示图像。虽然现代移动设备更多地使用HTML5进行WEB开发,但了解WML对于理解早期移动互联网的历史和原理仍然有...

    web开发设计教程,常用指令讲解,实际案例资源代码详细讲解并附注释.txt

    标签:如&lt;html&gt;、&lt;head&gt;、&lt;body&gt;、&lt;h1&gt;到&lt;h6&gt;(标题)、&lt;p&gt;(段落)、&lt;a&gt;(链接)、&lt;img&gt;(图像)等。 示例代码: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;我的网页&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;欢迎来到我的网页&lt;/...

    目标检测标注工具labelImg

    &lt;path&gt;C:\path\to\image.jpg&lt;/path&gt; &lt;source&gt; &lt;database&gt;Unknown&lt;/database&gt; &lt;/source&gt; &lt;size&gt; &lt;width&gt;640&lt;/width&gt; &lt;height&gt;480&lt;/height&gt; &lt;depth&gt;3&lt;/depth&gt; &lt;/size&gt; &lt;segmented&gt;0&lt;/segmented&gt; &lt;object&gt; ...

    jQuery图像浏览插件Viewer.js.zip

     &lt;li&gt;&lt;img src="picture.jpg" alt="Picture"&gt;&lt;/li&gt;  &lt;li&gt;&lt;img src="picture-2.jpg" alt="Picture 2"&gt;&lt;/li&gt;  &lt;li&gt;&lt;img src="picture-3.jpg" alt="Picture 3"&gt;&lt;/li&gt;  &lt;/ul&gt; &lt;/div&gt; 标签:...

    02-HTML文本与图像.ppt

    通常,HTML使用`&lt;img&gt;`标签插入图像,`src`属性指明图像的URL,`alt`属性提供替代文本,以便在图像无法显示时给出说明。 总的来说,这一章深入介绍了HTML文本的结构、样式和基本元素,这些都是构建和美化网页的基础...

    wml字体格式和图像PPT课件.pptx

    在WML中,通过`&lt;img&gt;`标记插入图像,并通过`src`指定图像源,`alt`提供替代文本,以确保无法显示图像时仍能传达信息。 综上,WML提供了基本的文本格式控制和图像支持,让开发者能够在有限的无线设备屏幕上创建有...

Global site tag (gtag.js) - Google Analytics