博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
灰度图像和彩色图像
查看>>
FreeMarker-Built-ins for strings
查看>>
argparse - 命令行选项与参数解析(转)
查看>>
修改上一篇文章的node.js代码,支持默认页及支持中文
查看>>
我理想中的前端工作流
查看>>
Chrome 广告屏蔽功能不影响浏览器性能
查看>>
Android状态栏实现沉浸式模式
查看>>
使用Openfiler搭建ISCSI网络存储
查看>>
zabbix监控php状态(四)
查看>>
实战Django:小型CMS Part2
查看>>
原创]windows server 2012 AD架构试验系列 – 16更改DC计算机名
查看>>
统治世界的十大算法
查看>>
SSH中调用另一action的方法(chain,redirect)
查看>>
表格排序
查看>>
关于Android四大组件的学习总结
查看>>
java只能的round,ceil,floor方法的使用
查看>>
新开的博客,为自己祝贺一下
查看>>
【CQOI2011】放棋子
查看>>
采用JXL包进行EXCEL数据写入操作
查看>>
一周总结
查看>>