博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML图像<img>
阅读量:5823 次
发布时间:2019-06-18

本文共 856 字,大约阅读时间需要 2 分钟。

使用举例

Pulpit rock

属性

  • src:指 "source"。源属性的值是图像的 URL 地址。
  • alt:用来为图像定义一串预备的可替换的文本。
  • width:固定宽度设置
  • height:固定高度设置  
  • usemap:用于引用图片映射设置(见设置图片映射)  
  • align:对齐方式(top, middle, bottom)需要注意的是该属性只在html4中有效,在html5中不被支持;如果想在html5中达到相同的效果,请使用CSS
  • float:浮动(left, right)需要注意的是该属性只在html4中有效,在html5中不被支持

实例:

  • 插入图片:

An image:Smiley face

  • 排列(align)

Image with default alignment (align="bottom"):

This is some text. Smiley face This is some text.

Image with align="middle":

This is some text. Smiley face This is some text.

Image with align="top":

This is some text. Smiley face This is some text.

Note: The align attribute is deprecated in HTML 4, and is not supported in HTML5. Use CSS instead.

  • 设置图片链接

创建图片链接: HTML 教程

  • 设置图片映射
Planets  Sun  Mercury  Venus
    注: 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。
    中的 usemap 属性可引用  中的 id 或 name 属性(取决于浏览器),所以我们应同时向  添加 id 和 name 属性。
    area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

转载于:https://www.cnblogs.com/zhiupping8/p/4874518.html

你可能感兴趣的文章
《构建之法》读书笔记
查看>>
拿下阿里、头条、滴滴的offer后谈谈面试经验---动身前看一看
查看>>
android开发(49) android 使用 CollapsingToolbarLayout ,可折叠的顶部导航栏
查看>>
【ERP】如何在多行数据块中实现仅能勾选唯一的主联系人
查看>>
Oracle 数据库优化的R方法(Method R)
查看>>
CentOS最小化安装系统开启网卡
查看>>
互联网+升级到智能+ 开启万物智联新时代
查看>>
Linux文本编辑器之Nano
查看>>
【原】IOS中KVO模式的解析与应用
查看>>
理解 QEMU/KVM 和 Ceph(3):存储卷挂接和设备名称
查看>>
[MFC] CList
查看>>
[Android Pro] 完美Android Cursor使用例子(Android数据库操作)
查看>>
c++中sizeof的分析
查看>>
线程间操作无效: 从不是创建控件的线程访问它的解决方法
查看>>
hdu 1236 排名
查看>>
PHP面向对象深入研究之【继承】,减少代码重复
查看>>
此博客不再发表对自己私事的看法
查看>>
导致Asp.Net站点重启的10个原因
查看>>
【PMP】Head First PMP 学习笔记 第一章 引言
查看>>
抓住云机遇编排工作 搞定复杂IT工作流
查看>>