代码教程——第八章 半个标签

现在我们学过的标签都是一个开始，一个结束，为什么腻？因为其实我们要标记的是一个范围，所以要给出一个开始和一个结束的点。那么有没有我们只需要给出一个点的情况呢？当然有了，来看两个标签先：

<br />

<hr />

解释一下哦，<br /> 是在这里换行，那么明显我们只需要指定一个位置就可以了；<hr /> 是在这里插入一条分割线，当然也只要告诉他一个位置就够了。

既然只需要一个位置，那么写两个（一组、一对）标签就是浪费时间，所以懒惰的程序员们就把这一对标签合二为一，看看上边的写法，明白了吧。等等，不是什么标签都可以这么合并的哦，我这么说只是为了让你理解一下的，你可别光顾着撸串又把我的话当了耳旁风啊～

这个当然没什么难的，不过有个很著名的标签也是独行侠哦～～他独来独往，至今还是一只单身狗，那么他就是大名鼎鼎的图片标签 <img src="在这里写图片地址哦～" />

那么现在，我们来玩哦～我这有一个图片地址： http://www.ek58.com/imgs/bridge.jpg ，那么我们的代码应该是：

效果如下哦：

那么看懂啦 src 属性就是要插入的图片的地址。然后我们再看看他的其他属性哦，这个开始有意思了。

alt 很像链接里的 title 属性，这个是用来说明图片的，但是他还有一个很重要的作用，要是因为网络等问题图片没能正常显示的时候，这些文字会显示在图片位置，让人们知道这里应该是什么。效果如下：

上面的这些对照着链接都很容易理解了，但是图片还有两个常用的属性宽（width）和高（height），一般的说，我们给他们指定的值就好了，比如呢～

在 html 代码里，如果没写单位则默认单位是 px（像素），效果如下：

而如果你只写了其中一个属性，则图片会按比例缩放，也就是另一个属性会跟着等比例变化。比如：

它的效果如下：

那么我们基本了解了图片这个标签，现在我们来为图片加个链接吧～

好啦，那么这次就聊到这里，记得给我买咖啡喝哦～