稻米鼠 · 更新于 2018-08-16 14:00:51

第七章 认识链接

我们学会两个标签了,<b></b> 可以给文字加粗, <p></p> 可以标记段落,但是只有这些的网页跟 Word 有什么区别?所以我们要研究一下互联网的一个重要组成部分——超链接。

现在还有几个人会去说超链接这个词呢?还有久违了的万维网,想到这些不禁唏嘘时光荏苒。当初夸耀的荣光无限的互联网,现在也被我们习以为常了。那么被我们视为高深莫测的代码,在明天会不会也变成家常便饭……当然不会了,因为技术总是要越来越易用的,但是编程却在不知不觉中容入了我们的生活,比如可以预约的电饭煲,其实对他的设定也可以看作简单的编程……

一不小心跑题了,回到已经不再 Super 的链接上来。老板说:你把这段话里公司的名称都链接到咱们的网站去,让别的公司也看看,咱们也是有网站的企业了,不许他们再说咱们土……了。这时候你就想啊,稻米鼠的教程写的太慢了,还没讲……

其实链接的标签很简单的哦,就是字母表第一个字母 a ,你说你会写了,那肯定就是 <a></a> 了。那么仔细想想啊,刚才老板叫你干啥了?把公司的名字链接到咱们的网站啊~咱的网址你写上了么?

我来举一个最简单的链接的例子啊:

<a href="http://coffee.zji.me/">代码能有多难?</a>

你说嘿,还真看懂了,href= 后面写上网址就对了。嗯,<a href="要链接到的网址">要显示的文字</a> 这就懂得了。那么我们来讲一讲标签的属性。

标签是有属性的,就好象说这个英雄攻多少,防多少(玩游戏的男生能理解哈),就好象说这个化妆品是保湿的还是防晒的,防晒值多少(爱美的女生能理解哈),这些都叫做属性,那么我们标签的属性也是一回事,就是对标签一些相关的内容进行说明和定义,你说你这是链接,那么链接到哪里就是一个属性,来看看下面的格式哦:

<标签 属性="属性值"></标签>

来对照上面的代码基本就记住这个格式了哦,你没记住?也没关系的,反正往下看慢慢就记住了。

老板检查了一下你的成果,感觉虽然链接成功了,但是满足不了他那土的掉渣的审美,说:那个链接要在新标签里打开~

这时候我们怎么办?加个属性,定义一下在哪里打开就是了。于是我们把代码改成了:

<a href="http://coffee.zji.me/" target="_blank">代码能有多难?</a>

target 这个属性说的是链接的打开位置,默认是在当前页面打开的,如果要在新页面打开,属性值为 _blank ,就像上边一样,target 还可以有一些其他的值(链接还有一些其他的打开位置),但是最常用的就是 _blank(新标签打开),记不住?别记了,用的时候到这篇文章查询就是了,反正这么常用的东西,查个十几次之后你总会记住的,是不是?

你说链接还有什么好玩的属性?有啊,title 属性可以给链接加上说明文字的哦,比如了:

<a href="http://coffee.zji.me/" target="_blank" title="这是一本写给小白们的看得懂的,学得会的代码书">代码能有多难?</a>

你说试过之后发现没啥变化?那你把鼠标放在链接上不动,待一会就会显出说明文字来了,鼠标移开说明消失。啊,这种体验大家都很熟悉了是不是?原来就是这么写出来的,原来就是这么简单!

本章学习卡片:卡片 7


本书是收费的,不过交费凭自觉。价格定义为每人请我喝一杯咖啡(哪种品质的咖啡随意),支付宝账号:

alay9999@163.com (刘源)

为了让大家阅读方便,本书将在如下站点发布,但最终内容以主站为准:

未经本人许可,禁止任何形式转载。相关事宜请联系: dms@zji.me