已经过去了十章,我们知道了一些基础知识,然后用代码写了……一篇作文。除了标题大小不一样,剩下和用记事本写也没有多大区别,不对,有区别,更麻烦!

仿佛就是这个样子,但是从今天开始就不一样,因为要学习一个很伟大的东西——超链接。我们之所以可以从一个网页跳转到另外一个网页,全都是靠着它。可以说是超链接,让互联网上的各种资源相互连接起来,让我们可以从中随意的跳转。这是一个很神奇的东西,但是现在我们已经习以为常。

好啦,毕竟不是说万维网的那个时代了,现在也几乎没有人叫他超链接了,那么我们开始说说链接吧。

首先要做什么呢?当然是写好我们的模板了。然后我们写下本书的标题 《代码能有多难?》,你一定想到下一步我们要做什么了?就是给这个文字加上链接,链接到我们这个网站来。这样,如果有人看到这个标题,觉得很好奇,可能就会点击一下,然后来到我们这个网站,说不定就产生了兴趣,坚持学了下去来……(就不说是在骗取微薄的点击量

我们要给这段文字加上链接,当然就要对它进行标记,那么链接的标签是什么呢?这个特别好记,因为这么重要的功能,必然要分配一个最好的标签,那就把他排在第一位吧,所以链接的标签是 a。于是有的同学马上就写好了:

<a>《代码能有多难?》</a>

很好,我们给谁加链接就对谁进行标记。但是你会发现在这个链接并不能用,稍微思考一下,很容易知道原因:链接虽然加上了,但是还有一个非常重要的事情没有说:我们要把它链接到哪里?

说到这,你就发现它和我们前面所学的标签不太一样了。我们前面所学的标签,只是简单的表达一个意思——被标记的内容是什么?可是现在我们表达完这个意思之后,还不够,还要再附加上一些其他的信息才行。这时候我们就要学习 HTML 标签中非常重要的一个组成部分——“属性”了。

属性这个东西很好理解,就是对当前元素的进一步描述。如果你觉得这么说很抽象,那么我们来举一下例子:

如果你玩游戏,你会知道游戏的装备或许有很多属性,虽然他们都是剑,或者都是刀,但是属性不同,造成了这些武器之间的差异。不过我不玩游戏(因为实在太渣了),所以换个说法,你看我口袋里掏出来这个,和你口袋里掏出来那个……都叫做手机,但是你那个的品牌是苹果,我这个品牌是小米,不过你那个两 G 内存,我这个 8G……那么这些也是属性。

同样的,相同的 HTML 元素也可以设定不同的属性,然后产生差别。那么我们再来看链接,很显然的,我们要给他加一个属性,来说明这个链接是链接到哪里的。

<a href="https://dmnydn.com/">《代码能有多难?》</a>

对照上面发现,我们增加了一个 href 的属性,这个属性表示我们要链接到哪里(等号后面的网址)。那么我们对于怎么写属性,也可以进行一个初步的总结了。

  • 首先属性和标签名之间,要有空格,要不然把他们连在一起,结束标签就该生气了,因为找不到自己的另一半了。
  • 然后属性都是写在开始标签中
  • 格式上就是“属性=属性值”
  • 属性值用引号包裹起来,表示这是一个整体

于是,我们的链接便可以用了。

【本章助记卡片:卡片 for 第十一章