欢迎来到山村网

HTML图像标签如何使用

2019-03-28 23:08:17浏览:588 来源:山村网   
核心摘要:1.img2.hr 再简单朴素的网页如果只有文字而没有图像的话将失去许多活力,图像在网页制作中是非常重要的一个方面,Html语言也专门

1.<img>

2.<hr>

再简单朴素的网页如果只有文字而没有图像的话将失去许多活力,图像在网页制作中是非常重要的一个

方面,Html语言也专门提供了<img>标签来处理图像的输出。

1.<img>

<img>标签并不是真正地把图像给加入到Html文档中,而是将标签对的src属性赋值,这个值是图形文 件的文件名,当然包括路径,这个路径可以是相对路径,也可以是网址。实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知 道什么是相对路径,我现在就来讲一讲相对路径。所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的 路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下,则可以将代码写成<img src=http://www.shancun.net/skin/default/image/nopic.gif src=http://www.shancun.net/skin/default/image/nopic.gif Html文档所在目录的上层目录(目录

名假设是home)下,则相对路径就必须是准网址了,即用“../”表示您的网站,然后在后边紧跟文件在您的网站中的路径,假设home是您的网站下的一个目录,则代码应为<img src=http://www.shancun.net/skin/default/image/nopic.gif 个子目录,则代码应该变为<img src=http://www.shancun.net/skin/default/image/nopic.gif>

必须强调一下,src属性在<img>标签中是必须赋值的,是标签中不可缺少的一部分。除此之外,<img> 标签还有alt、align、border、width和height属性。align是图像的对齐方式,在前边的教程中已经讲了很多了,这里就不再提了。 border属性是图像的边框,可以取大于或者等于0的整数,默认单位是像素。width和Height属性是图像的宽和高,默认单位也是象素。alt属性是 当鼠标移动到图像上时显示的文本。

2.<hr>

<hr>标签是在Html文档中加入一条水平线,它可以直接使用,具有size、color、width和noshade属性 。size是设置水平线的厚度,而width是设定水平线的宽度,默认单位是像素。想必大家对color属性已经很熟悉了,在此就不再用多讲。 noshade属性不用赋值,而是直接加入标签即可使用,它是用来加入一条没有阴影的水平线(不加入此属性水平线将有阴影)。

下面是本教程的一个综合例子。

例5图像标签举例

<html>

<head>

<title>图像标签的综合示例</title>

</head>

<body>

<p align="center"><img src=http://www.shancun.net/skin/default/image/nopic.gif alt="网页制作" WIDTH="468" HEIGHT="60"></p>

<hr width="600" size="1" color="#0000FF">

</body>

</html>

(责任编辑:豆豆)
下一篇:

HTML基本标签有哪些

上一篇:

HTML格式标签如何使用

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com