已经过去了十章,我们知道了一些基础知识,然后用代码写了……一篇作文。除了标题大小不一样,剩下和用记事本写也没有多大区别,不对,有区别,更麻烦!
仿佛就是这个样子,但是从今天开始就不一样,因为要学习一个很伟大的东西——超链接。我们之所以可以从一个网页跳转到另外一个网页,全都是靠着它。可以说是超链接,让互联网上的各种资源相互连接起来,让我们可以从中随意的跳转。这是一个很神奇的东西,但是现在我们已经习以为常。
好啦,毕竟不是说万维网的那个时代了,现在也几乎没有人叫他超链接了,那么我们开始说说链接吧。
首先要做什么呢?当然是写好我们的模板了。然后我们写下本书的标题 《代码能有多难?》
,你一定想到下一步我们要做什么了?就是给这个文字加上链接,链接到我们这个网站来。这样,如果有人看到这个标题,觉得很好奇,可能就会点击一下,然后来到我们这个网站,说不定就产生了兴趣,坚持学了下去来……(就不说是在骗取微薄的点击量
我们要给这段文字加上链接,当然就要对它进行标记,那么链接的标签是什么呢?这个特别好记,因为这么重要的功能,必然要分配一个最好的标签,那就把他排在第一位吧,所以链接的标签是 a
。于是有的同学马上就写好了:
<a>《代码能有多难?》</a>
很好,我们给谁加链接就对谁进行标记。但是你会发现在这个链接并不能用,稍微思考一下,很容易知道原因:链接虽然加上了,但是还有一个非常重要的事情没有说:我们要把它链接到哪里?
说到这,你就发现它和我们前面所学的标签不太一样了。我们前面所学的标签,只是简单的表达一个意思——被标记的内容是什么?可是现在我们表达完这个意思之后,还不够,还要再附加上一些其他的信息才行。这时候我们就要学习 HTML 标签中非常重要的一个组成部分——“属性”了。
属性这个东西很好理解,就是对当前元素的进一步描述。如果你觉得这么说很抽象,那么我们来举一下例子:
如果你玩游戏,你会知道游戏的装备或许有很多属性,虽然他们都是剑,或者都是刀,但是属性不同,造成了这些武器之间的差异。不过我不玩游戏(因为实在太渣了),所以换个说法,你看我口袋里掏出来这个,和你口袋里掏出来那个……都叫做手机,但是你那个的品牌是苹果,我这个品牌是小米,不过你那个两 G 内存,我这个 8G……那么这些也是属性。
同样的,相同的 HTML 元素也可以设定不同的属性,然后产生差别。那么我们再来看链接,很显然的,我们要给他加一个属性,来说明这个链接是链接到哪里的。
<a href="https://ek58.com/">《代码能有多难?》</a>
对照上面发现,我们增加了一个 href
的属性,这个属性表示我们要链接到哪里(等号后面的网址)。那么我们对于怎么写属性,也可以进行一个初步的总结了。
- 首先属性和标签名之间,要有空格,要不然把他们连在一起,结束标签就该生气了,因为找不到自己的另一半了。
- 然后属性都是写在开始标签中
- 格式上就是“属性=属性值”
- 属性值用引号包裹起来,表示这是一个整体
于是,我们的链接便可以用了。
暂无评论内容