Html img 属性和用法
来源:互联网 发布:java aes 256 cbc加密 编辑:程序博客网 时间:2024/05/23 23:40
用 <img> 这个 Tag 可以在HTML里面插入图片。最基本的语法如下:
<img src="url">
url表示图片的路径和文件名。比如 url 可以是 http://www.aichengxu.com/images/logo/logo.gif,也可以是个相对路径 "../images/logo/logo.gif"。
图片alt属性
<img>中有一个alt属性,英文叫alternate text。例句如下:
<img src = "../images/html_tutorials/smile.jpg" alt="smile face">
假使浏览器没有载入图片的功能,浏览器就会转而显示Alt属性的值。
其实,现在大多数浏览器都支持图片载入。在此介绍Alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字,所以用ALT属性写上图片的说明,便于搜索引擎抓取你网页的内容。
图片align属性
用align属性,可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。
图片的大小
在缺省状况下,图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变,图片会相应放大或缩小,显示出来的结果可能会很难看。
建议
图片相对文字,所占的字节数较多,比如一个全屏的图片,即使经过压缩,也要占去大约50k字节,这相当于25000字的文本。因此浏览器载入图片比较费时,建议一个HTML文件里不要包含过多的图片,否则会影响你的网页显示速度。
来源:豆芽博客,地址:http://www.aichengxu.com/article/HTML/359_5.html保留原文链接,是开源分享的开始.
- Html img 属性和用法
- HTML:img标签--src属性:相对路径和绝对路径
- html img图片标签alt和title属性
- HTML img图片标签alt和title属性
- HTML img标签align属性
- HTML 5 <img> alt 属性
- html中 <a href> 和<img src>的用法
- 前端HTML<img>标签图像的属性和使用/图像img与背景background的区别
- HTML语言中img标签的alt属性和title属性的作用与区别
- html img标签的alt属性和title属性的作用与区别
- HTML中img的属性有哪些
- html<img>标签的usemap属性
- HTML <img> 标签的 usemap 属性
- 获取html中img的src属性
- HTML <img> 标签的 alt 属性
- HTML <img> 标签的 usemap 属性
- HTML中img标签及相关属性
- [html] img标签的alt属性
- 编码时常犯的错误!
- IE6,IE7下text-indent为负值的时候 line-block不起作用。
- android Content Provider详解(1)
- JDOM对xml的解析
- Flex 监听键盘事件(学习笔记)
- Html img 属性和用法
- uart FIFO
- android 获取Bitmap缩略图
- 负载均衡,会话保持,session同步
- Hibatenate 里面的get 和load区别
- TPCC简介
- JQUERY dialog使用
- 【转】JUnit(二)
- Android录音与播放