HTML之图像、超链接

图像标签

在网页中使用图像不仅能使网页更加美观、大方、整洁、形象和生动，而且会给网页添加无限的生机，从而吸引更多的浏览者。因此要制作一个好的网页，还需要为内容添加图片，实现图文并茂。

补充一下：

在网页中，常见的图片格式有JPEG、GIF和PNG等格式。JPEG文件的后缀名为.jpg或.jpeg。GIF图片文件的后缀名为.jif，它是最多支持256种色彩的图像。GIF格式的另一种特点是其在一个GIF文件中可以存储多幅彩色图像，如果将一个文件中的多幅图像数据逐幅读取并显示到屏幕上，就可构成最简单的动画。PNG图片的后缀名为.png，该图片格式适合在网络上传输与显示，并且其能够提供比GIF小30%的无损压缩图像文件。

了解了各种图片的格式后，我们在HTML文档中可用<img>标签来显示图片，并设置其一般属性。

<img src="路径" alt="提示信息" align="对齐方式" border="边框大小" width="宽度" height="高度" />

1，src=“路径”

图片的路径表示有两种方式——相对路径、绝对路径。

相对路径

如果网页和所引用的图片在同一个目录中，则直接输入引用文件名（加后缀的）即可。如果在上一级目录则可使用 “…/” 符号。依次类推 “…/…/” 表示当前目录的上上级目录。若所引用的图片在本目录的下一级，则可直接写入目录名和文件名。

• <img src="picture.jpg">——当前目录
• <img src="../picture.jpg">——当前目录的上一级
• <img src="images/picture.jpg">——当前目录的下一个

此方法文件存储较为稳定，方便于文件的转移。

绝对地址

图片的绝对地址即图片所在位置的完整路径，它分为本地绝对路径和网络绝对路径。本地绝对路径即包括盘符和目录的完整路径（很好找的）。网络绝对路径即资源的网址（一般将图片上传到图床，然后引用其URL）。

2，alt=“提示信息”

alt属性即提示文字，其用于两类情况：第一种是，如果图像没有加载出来，则会在图像位置上显示提示文字；第二种是，图像加载出来后，将鼠标放在该图像上，则图像旁会显现。

图像与文字的滚动

使用标签可以实现文字或图片的滚动特效，实现页面动态化。

• <marquee scrolldelay="滚动延时" direction="滚动方向">

其中，scrolldelay默认值为90ms，direction可取up、down、left和right。（都是很好理解的）

---

超链接标签

网页中的资源不是孤立存在的，每个页面之间都可能存在联系，超链接允许网页之间建立连接，网页连接在一起后，才能真正形成一个网站。

所谓的超链接是指从一个网页指向另一个目标的连接关系，这个目标可以是一个网页，也可以是同一个网页的不同位置，甚至可以是一个Email地址。在HTML文档中，我们用<a>标签来实现以上的关系。

• <a href="链接地址" target="目标窗口位置">连接文字或图像

在超链接标签中，href属性表示连接资源的路径（相对、绝对）。target属性指定链接在哪个窗口打开，常用的取值有_self（自身窗口打开）、_blank（新建窗口打开）。

锚点连接

如果一个页面的内容过长，则我们可以使用锚点连接跳转篇幅，即跳到同个页面的不同位置。创建锚点链接时，我们要先建立锚点再建立连接。

——我们用<a>标签的name属性创建锚点。

<a name="锚点名称"> 内容 </a>

——建立连接时，修改href后的内容为**“#锚点名称”**，即可定位到锚点处。

<a href="#锚点名称"> 内容 </a>

---

原文链接：http://adolesce.cn/archives/26.html