），这幅图片存放在顶顶华闻网络服务器上，它的URL是：http://info.ddhw.com/img/xy.gif 您可以把这个URL放在浏览器的地址栏里，这个时候，网页只显示这幅图片。那么如何在自己的网页里显示这幅图片呢？这里就需要用到一个HTML Tag：<img> Tag。显示该图片的HTML代码为：
在第一单元里，我们学习了HTML最基本的Tag。有了这些基本的知识，大家现在对HTML有了一定的了解，明白了HTML其实也就是对文字进行修饰。这一单元我们着重介绍HTML的一个重要概念：属性。
首先来解决一个问题，如果我们需要在网页上显示一幅图片，该怎么做？
每一个网页都有一个网址，也就是URL。比如说 http://www.ddhw.com 就是一个网址（URL）。同样，每一幅在网页上的图片也有一个URL网址。
当我们把 http://www.ddhw.com 这个URL网址输入在浏览器地址栏后，浏览器显示顶顶华闻主页；同样，当我们把图片的URL网址放在浏览器地址栏后，浏览器显示该图片。比如说顶顶华闻论坛可以允许网友之间相互送礼，其中的一个礼物就是香烟（），这幅图片存放在顶顶华闻网络服务器上，它的URL是：http://info.ddhw.com/img/xy.gif 您可以把这个URL放在浏览器的地址栏里，这个时候，网页只显示这幅图片。
那么如何在自己的网页里显示这幅图片呢？这里就需要用到一个HTML Tag：<img> Tag。显示该图片的HTML代码为：
<img> Tag 比较特别，它不仅不需要收尾Tag “</img>”，而且我们不可以直接用<img>。因为我们需要给出图片的URL，如果直接用<img>，浏览器就无法知道应该显示什么图片。也就是说，在img Tag里面，我们需要加上 src="http://info.ddhw.com/img/xy.gif"。从而让浏览器知道我们需要显示URL地址为 http://info.ddhw.com/img/xy.gif 的图片。
这里src就是<img> Tag的一个属性，src="http://info.ddhw.com/img/xy.gif"，就是给<img> Tag里面的src 属性一个值（http://info.ddhw.com/img/xy.gif）
大家可以用工具测试上面的代码应该是一幅图片，一包红中华：
下面再试一下这个代码，看看有什么不同：
看到了变化了？
一包红中华
这里，我们使用了<img> Tag的两个属性，一个是 src，告诉浏览器图片的地址；另一个是width 告诉浏览器我们希望显示图片的宽度（如果不告诉浏览器宽度，它将会显示图片的真实宽度）。
属性的值外用了引号，这样如果这个值里面有空格就不会出错了，用起来更安全，建议大家都给属性的值外面加上引号（注意，不是“”，而是""）。
由此看来，一个HTML Tag 可以有它的属性，这些属性告诉浏览器如何显示图片，文字等。在第一单元里的一些基本的HTML Tag也可以使用它的属性。
<a> Tag
在大多数情况下，HTML Tag需要使用属性，比如说除了我们刚才谈到的<img> Tag，还有一个非常常用的<a> Tag，也就是产生超级链接的Tag。举一个例子，请看下面的HTML代码：
这个HTML 代码在浏览器中显示出来的效果就是：
点击中间的“顶顶华闻”链接，就会进入顶顶华闻主页。这里<a> Tag里面使用了一个属性 href。这个属性的值就是一个URL地址，点击它，会到达这个地址。
有时候，我们点击一个链接打开的是一个新窗口。这个很容易做到，我们只需要再加上一个属性就可以了：
这个属性就是target。如果需要打开新窗口，那么它的值必须为：“_blank” 大家可以自己使用工具测试一下这种开启新窗口的链接。
不同的HTML Tag 可能会有不同的属性。但是总的来说，常用的属性不是很多，用多了，就比较容易记忆。下面介绍一个在HTML中两个常用的Tag 以及一个属性。
<span>，<div> tag 以及 style 属性
这两个tag没有什么特别的意思，就是专门用来加属性的，大家自己试试看下面的例子：
显示的结果为：
可以看出，<span>与<div> Tag的作用只是用来修是文字图片等。并没有其他特别的意思。<span>与<div>的区别在于<div>在被修饰文字的前后自动加了一个<BR>。所以前两句各占一行（因为使用了<san> Tag），后两句各占用了三行（因为使用了<div> Tag）。
这个例子中的代码使用了相同的属性 style：
1、第一句中属性是style，它的值为 color:#ff0000 （color代表修饰区文字的颜色，#ff0000代表红色）
2、第二句中属性是style，它的值为 color:#ff0000;font-size: 25px;background-color:#0000ff（font-size代表文字的大小，为25px；background-color表示被修饰区域的背景颜色，其值为#0000ff，也就是蓝色）
有了style属性以及<span>和<div> Tag，我们就可以使用它们方便的进行修饰。例如在第一单元里我们学了<b>，<u>，<i> Tag。其实，我们可以用<span>与style 的属性结合是用来取代这三个tag。
上面的两行代码其实是完成同样的工作。大家可以自己用工具测试看效果
总结：这一单元学习了HTML Tag的属性。属性让HTML的功能变得很强大，有了属性就可以很方便的控制，修饰文字的表现。
在HTML Tag里，<img> Tag是用来显示图片的，要显示图片必须给<img> Tag加上src属性，确定图片的URL地址；<a> Tag是用来显示超级链接的，它至少需要一个href 属性，以确定用户点击链接以后所到达网页的URL；<span>, <div> Tag 没有任何特别的意思，只是纯粹用来与属性共同使用，来对文字进行修饰。