您的位置: 首页 > 软件教程 > HTML教程专题 > HTML图片介绍

HTML图片介绍

8.4分
出处:网络 时间:2011-04-21

您可能感兴趣的话题: HTML  

核心提示:用 <img> 这个 Tag 可以在HTML里面插入图片。最基本的语法如下:<img src="url">

用 <img> 这个 Tag 可以在HTML里面插入图片。最基本的语法如下:

<img src="url">
url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_logo01.gif,也可以是个相对路径 "../images/logo/blabla_logo01.gif"。

 

图片alt属性
<img>中有一个alt属性,英文叫alternate text。例句如下:

<img src = "../images/html_tutorials/smile.jpg" alt="HTML图片介绍">
假使浏览器没有载入图片的功能,浏览器就会转而显示Alt属性的值。

其实,现在大多数浏览器都支持图片载入。在此介绍Alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字,所以用ALT属性写上图片的说明,便于搜索引擎抓取你网页的内容。

 

图片align属性
用align属性,可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。

 

图片的大小
在缺省状况下,图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变,图片会相应放大或缩小,显示出来的结果可能会很难看。

 

建议
图片相对文字,所占的字节数较多,比如一个全屏的图片,即使经过压缩,也要占去大约50k字节,这相当于25000字的文本。因此浏览器载入图片比较费时,建议一个HTML文件里不要包含过多的图片,否则会影响你的网页显示速度。

网友评论
多特网友 2012-06-09 09:37:40 回复
在没用块标签的条件下,怎么样才能让文字缩进?
多特网友 2012-06-09 09:37:40 回复
在没用块标签的条件下,怎么样才能让文字缩进?
精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
JavaScript是基于对象和事件驱动并具... [详细]