无名 发表于 2022-5-8 19:21:59

【NB】html5 基础教程(五)


进来[滑稽]

#【NB】html5 基础教程(四)#

a标签

HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

这是没有a标签的样子
网页怎么点也点不动[滑稽][心碎]http://cdn.u1.huluxia.com/g4/M02/72/2E/rBAAdmEkZsmAVCBcAAHr9_UUT5k374.jpg
如果加上去了,它也不会怎么样[滑稽]http://cdn.u1.huluxia.com/g4/M02/72/2E/rBAAdmEkZsqAZ_H0AADTnLnM5Xo480.jpg

如果想实现转跳,那就加一个href属性
这里的href的值是#
这里的#表示空链接
就是你点了它也不会转跳http://cdn.u1.huluxia.com/g4/M02/72/2E/rBAAdmEkZsqARIHEAADYCnmJ83I861.jpg

那么
如何转跳至其他网站呢?

我们让href的值为//域名即可http://cdn.u1.huluxia.com/g4/M02/72/2E/rBAAdmEkZsuAGYrfAAHny1Aew9c332.jpg
你也可以把//换成http://或https://
都是一样的http://cdn.u1.huluxia.com/g4/M02/72/2E/rBAAdmEkZsyAFDDdAANQsBAz4DQ138.jpg
如果不想转跳到其他网站
而是想转跳到本网站的其他网页该怎么办呢

如果在同一目录下,输入"/文件名.html"即可
如果不在同一目录
他在上级目录,那该怎么办呢

../表示源文件所在目录的上一级目录
../../表示源文件所在目录的上上级目录
以此类推。

如果在下级目录
就是
"/文件夹名/"表示源文件所在目录的下一级目录http://cdn.u1.huluxia.com/g4/M02/72/2E/rBAAdmEkZsyAEr2MAALlW-tLIsY649.jpg

target 属性

使用 Target 属性,你可以定义被链接的文档在何处显示(在新的窗口打开,还是在原有的窗口中打开)

给target的属性定义为_back
http://cdn.u1.huluxia.com/g4/M02/72/2E/rBAAdmEkZs2AKL24AADfGi5cslY923.jpg

然后点一下"百度一下"
http://cdn.u1.huluxia.com/g4/M02/72/2E/rBAAdmEkZs2AIupLAAKXlI4x8vE253.jpg
如果你空着target,那么它会在本窗口打开

id 属性

id 属性可用于在一个 HTML 文档中创建书签标记。

提示: 书签是不以任何特殊的方式显示,在 HTML 文档中是不显示的,所以对于读者来说是隐藏的。

看一下这串代码
我给第8行的h1加了个id,并将其命名为nb
a标签中的href的值改成了#nbhttp://cdn.u1.huluxia.com/g4/M02/72/2E/rBAAdmEkZs6Ab5tTAAEFhsXlI58472.jpg
这个东西,不知道咋解释[滑稽][心碎]

这个东西它叫锚转跳[滑稽][大拇指]
自己百度吧[滑稽][大拇指]
页: [1]
查看完整版本: 【NB】html5 基础教程(五)