HTML中的图象标签属性

HTML中的图象标签属性,第1张

HTML中的图象标签属性

图象可以使网页更加生动美观。浏览器可以显示JPEG和GIF图象,其中GIF图象最多只能使用256种颜色(即只能保存为8位颜

色),而JPEG格式可保存为24位,对具体连续色调的图象有最佳效果。不过,GIF图象虽然在图象质量上不及JPEG图象,但

其所占的存储空间下,下载速度快。因此应视不同情况而决定使用哪种格式的图象。

在HTML文档中插入图象是通过<IMG>标签来实现的。该标签共有个9个属性。除属性SRC是不可缺省的外,其他的属性都是可

选的。

 

一,SRC属性。SRC即Source,该属性用以指出被引用的图象文件所在的位置。例如:

绝对路径表示法:<IMG SRC="http://page2000.xiloo.com/web/icon.html">

相对路径表示法:<IMG SRC="web/icon.html">

SRC的属性参数值就是图像文件的URL。注意,只有当图象文件和HTML文档在同一目录下时才可采用相对表示法来标识图象文

件的位置。

二,ALIGN属性。align属性的参数值为top,middle,bottom.分别表示图象相邻的文字位于图象的左上方,左面中间,和右下

方。例如:

<html>

<head>

<title>测试页面</title>

</head>

<body>

<HR>

<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom>我的图标好看吗?

<br>

<HR>

<P><BR>

再看看这个怎样?

<img src="http://www.knowsky.com/me.gif"align=top WIDTH=100 HEIGHT=100><br>

<p>

<HR>

</body>

<html>

可以将图象换成你自己的。注意,浏览器默认的目录是windows/TEMP临时文件夹。你需要指定图象所在的目录。

四,ALT属性。用户在浏览网页时,常常会为了节省时间或其他的原因选择不下载图片,加入ALT属性可以在原本显示图片的

位置显示一些有关于该图象的信息。ALT属性的参数值就是网页编辑者希望在在原本显示图象的地方出现的文字信息,一般

是图象的名称和简要的说明。例如。

<html>

<head>

<title>测试页面</title>

</head>

<body>

<HR>

<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom alt="这是我的图标">

你看不到吧?嘿嘿

<br>

<HR>

<P><BR>

<br><P>

</body>

</html>

五,确定图象边距的属性。

<IMG>标签用vspace和hspace这两个属性来确定图象与其像邻的对象之间的空白大小。vspace属性用于指定图象与其垂直方

向上相邻对象之间的距离。hspave用来指定图象与其水平方向相邻对象之间的距离。这两个属性的参数都是数字,表示空出

距离的像素点数。

六,BORDER属性。

浏览器在调用图象时会根据浏览器窗口和原始图象大小的不同给图象加上不同宽度的边框。我们可利用border属性来指定图

象边框的宽度或者取消边框<border=0>。border属性的参数值也是数字,表示边框宽度所占的像素点数。例如:

<html>

<head>

<title>测试页面</title>

</head>

<body>

<HR>

<IMG src="http://www.knowsky.com/me.gif"ALIGN=top border=5>

看看效果就行。

<br>

<HR>

<P><BR>

</body>

</html>

border的参数值越大边框越大。

七,ISMAP属性

这个属性于文档的超链接有关,我们以后在详细讲解它。

解决方法如下:

在HTML布局时候直接在图片img标签加宽度和高度属性即可控制图片高和宽

html img图片标签高度宽度设置

我们可以直接在图片标签设置宽度width和高度height,这里需要注意的是HTML img标签内直接设置宽度和高度值不需要html单位,默认为PX像素。

mg标签内设置高度宽度优点直观,对于文章内插入图片可以利用此方法控制设置图片高度宽度;缺点,如果图片列表排版的这样会增加很多HTML代码,不便统一修改。

1、在HTML中,表格的标签是<table></table>

2、在HTML中,单元格的标签是<td></td>

3、在HTML中,表格的行标签是<tr></tr>

4、在HTML中,表示空格的特殊符号是&nbsp

5、在HTML中,表单控件的标记符是<form></form>

6、在HTML中,表单中多行文本域的标记符是<textarea></textarea>

7、在HTML中,超文本文件的扩展名是.html

8、在HTML中,插入图片的标记符是<imgsrc=”图片地址”>

9、在HTML文件中,表示文件主体部分的标签是<body></body>

10、在HTML文件中,标题的标记符是<title></title>

11、在HTML中,用来定义超文本文档的标记符是<a>

12、在HTML中,用来介绍与文件内容有关的信息.的标记符是<head></head>

13、在HTML中,换行标记符是<br>

14、在HTML中,用来定义段落的标记符是 <p></p>

15、在HTML中,用来定义黑体的标记符是 <b></b>

16、在HTML中,用来定义斜体.的标记符是 <i></i>

17、在HTML中,用来显示文字加下划线.的标记符是<u></u>

18、在HTML中,用来定义无序列表的标记符是<ul></ul>

19、在HTML中,用来定义有序列表.的标记符是<ol></ol>

20、在HTML中,超链接中用来指明超链接目标的属性的标记是<a href=”地址”></a>

21、在HTML中,表示版权符号的特殊符号是&copy

22、HTML的主体内容放在文件中的什么标记之间<body></body>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7554207.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存