HTML基础知识（5）-链接和图片

欢迎来到HTML的世界，现在开始HTML之旅吧！

链接

我们可以使用a标签表示超链接，在这之前我们要了解HTML属性：

属性是一种为元素提供附加信息的方式，一般放在开始标签里，以name=value键值对的形式存在，比如说a这个标签，我们把跳转的链接作为href属性：

<a href="链接">文本</a>

实例：

<a href="https://code-nick-python.github.io">我的个人博客</a>

效果：

---

我的个人博客

---

其中a标签还有一个常用的属性，救赎target属性，当我们把这个属性的值设为_blank时就会在一个新页面中打开超链接，多个属性：

<a href="https://code-nick-python.github.io" target="_blank">我的个人博客</a>

效果：

---

我的个人博客

---

图片

我们使用img插入图片，同样img也有许多属性：

<img src="https://code-nick-python.github.io/img/computer.jpg" alt="my picture" width="500" height="250">

效果：

---

---

注意img没有</img>！src代表了图片的地址，你也可以使用绝对地址，像这样：/computer.jpg，alt代表了无法加载图片时显示的文字，width和height代表了图片的高度和宽度。

下次见！