HTML图片(Images)
来源:百度文库 编辑:神马文学网 时间:2024/04/28 01:20:32
用这个Tag可以在HTML里面插入图片。最基本的语法如下:
url表示图片的路径和文件名。比如url可以是http://www.blabla.cn/images/logo/blabla_logo01.gif,也可以是个相对路径"../images/logo/blabla_logo01.gif"。
示例
图片alt属性
中有一个alt属性,英文叫alternate text。例句如下:
假使浏览器没有载入图片的功能,浏览器就会转而显示Alt属性的值。
其实,现在大多数浏览器都支持图片载入。在此介绍Alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字,所以用ALT属性写上图片的说明,便于搜索引擎抓取你网页的内容。
示例
图片align属性
用align属性,可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。
示例
图片的大小
在缺省状况下,图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变,图片会相应放大或缩小,显示出来的结果可能会很难看。
示例
建议
图片相对文字,所占的字节数较多,比如一个全屏的图片,即使经过压缩,也要占去大约50k字节,这相当于25000字的文本。因此浏览器载入图片比较费时,建议一个HTML文件里不要包含过多的图片,否则会影响你的网页显示速度。
更多示例
背景图片
这个示例演示如何将一个图片作为HTML网页的背景图片。
将一个图片作为一个超链接
这个示例演示了如何将一个图片作为一个超链接,即点击一个图片,可以连接到其它文件。
url表示图片的路径和文件名。比如url可以是http://www.blabla.cn/images/logo/blabla_logo01.gif,也可以是个相对路径"../images/logo/blabla_logo01.gif"。
示例
图片alt属性
中有一个alt属性,英文叫alternate text。例句如下:
假使浏览器没有载入图片的功能,浏览器就会转而显示Alt属性的值。
其实,现在大多数浏览器都支持图片载入。在此介绍Alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字,所以用ALT属性写上图片的说明,便于搜索引擎抓取你网页的内容。
示例
图片align属性
用align属性,可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。
示例
图片的大小
在缺省状况下,图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变,图片会相应放大或缩小,显示出来的结果可能会很难看。
示例
建议
图片相对文字,所占的字节数较多,比如一个全屏的图片,即使经过压缩,也要占去大约50k字节,这相当于25000字的文本。因此浏览器载入图片比较费时,建议一个HTML文件里不要包含过多的图片,否则会影响你的网页显示速度。
更多示例
背景图片
这个示例演示如何将一个图片作为HTML网页的背景图片。
将一个图片作为一个超链接
这个示例演示了如何将一个图片作为一个超链接,即点击一个图片,可以连接到其它文件。
HTML图片(Images)
HTML图片提交按钮
图片羽化----html代码
html制作图片翻页特效
QEMU/Images
HTML背景颜色(bgcolor)和图片(background)
用Html代码制作图片雾化效果
HTML第三课文字图片插入 (转载)
HTML第三课文字图片插入
html
html
用HTML图片处理器制造动态图字
用HTML图片处理器制造动态图字
HTML第四课图片文字运动 (惜缘转载)
HTML第三课文字图片插入 (惜缘转载)
HTML代码音画基础与初级全部教程 [图片]
HTML代码音画中级教程《九》用闪动图片制作精美文字加滚动图片 [图片]
『Html代码交流 』 [图片背景] 十四种立体转动的图片特效
Welcome to ThoughtPolice VMware images!
html HTML元素
HTML教程,HTML代码
“如何将16进制码流在html中显示为图片”兼容多个浏览器的方案。
HTML图片按钮提交表单的实例 - IT培训评价网
HTML音画介绍之二:运用各种代码编辑特效图片(上)