本课要点：

一、 网页中的图像与背景图像

  在网页中插入图像可以使用img标签，但如果要为网页设置背景图像则需要对body标签设置background属性。

1、在网页中插入图像

  <img  src="images/tulip.jpg"  alt="上海鲜花港-郁金香“ title="美丽的郁金香”>

2、CSS中控制背景的基本属性是background

可以把多个有关背景的属性合在一起简写，如下图：

二、超链接

什么是超链接？

超链接一般有四种：

1、外部链接，链接到另一个外部的网页  

  <a href="http://www.fspt.net">访问佛山职业技术学院</a>     

2、内部链接，链接到本网站的另一个网页

  <a href="demo4-5 文本溢出处理.html">访问本站的其它页面</a>  

3、邮件链接，浏览器会启动默认的邮件收发软件编辑需要发送的邮件

<a href="mailto:wufeng1121@126.com">创建“邮件链接”</a>  

4、锚链接，链接到本网页中的某一个位置

<span id="top" >“锚链接”的返回点</span>

<a href="#top">>>返回顶部</a>

这是锚链接，链接到本网页中id名为top的那一行

三、超链接的4种状态与CSS伪类在超链接样式的设计

超链接可以有四种状态：被访问前、访问后、鼠标悬停时和鼠标单击时；我们可以分别给这四种状态设置不同的样式，使超链接的样式更灵动，但是这需要用到伪类。

伪类使可以用来指定一个或者多个与其相关的选择符的状态，它的语法形式如下：

  选择符：伪类{ 属性：属性值；}

  举例如下：

 a:link{text-decoration: none;     /*没有被访问时的样式*/

      color: green;}

 a:visited{color: #7E0D6C;}     /*被访问过后的样式*/

 a:hover{font-weight: bold;}    /*鼠标悬停在超链接上时的样式*/

 a:active{color:red;}         /*单击激活链接时的样式*/

  设计超链接4种状态样式时要按照一定的顺序（ 爱恨原则  LoVe-HAte），如果顺序错乱会有意想不到的效果。