第五节：html超链接于图像-哈尔滨网站制作

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

我们通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式：

• 通过使用 href 属性 - 创建指向另一个文档的链接
• 通过使用 name 属性 - 创建文档内的书签HTML 链接语法

  链接的 HTML 代码很简单。它类似这样：

  <a href="url">Link text</a>

  href 属性规定链接的目标。

  开始标签和结束标签之间的文字被作为超级链接来显示。

  HTML 链接 - target 属性
  使用 Target 属性，你可以定义被链接的文档在何处显示。
  下面的这行会在新窗口打开文档：
  <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>图像标签（<img>）和源属性（Src）
  在 HTML 中，图像由 <img> 标签定义。
  <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
  要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
  定义图像的语法是：
  <img src="url" />
• 
  替换文本属性（Alt）

  alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

  <img src="boat.gif" alt="Big Boat">

  在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

  
  

  排列图片本例演示如何在文字中排列图像。浮动图像本例演示如何使图片浮动至段落的左边或右边。调整图像尺寸本例演示如何将图片调整到不同的尺寸。制作图像链接本例演示如何将图像作为一个链接使用。