html如何加超链接(HTML学习笔记9怎样在网页中加入超链接)

这一节学习的是超链接的种类,在文字和图片上加入超链接的方法,设置超链接的打开方式。

学无止境,乐在其中。点击关注,学习更多。

html如何加超链接(HTML学习笔记9怎样在网页中加入超链接)(1)

1、超链接(hyperlink)在HTML中用标签a实现

2、超链接的属性就两个:链接地址href和超链接的打开方式target。语法如下:

<a href=”链接地址” target=”开打方式”>图片或文字</a>

3、链接地址有3种:外部链接、内部链接和锚点链接。实例如下:

外部链接的意思是网站之外的页面链接,地址用绝对路径(就是网址)。外部链接实例(在新窗口打开):

html如何加超链接(HTML学习笔记9怎样在网页中加入超链接)(2)

内部链接的含义是本网站内部的链接,地址用相对路径。内部链接实例(在原窗口打开,这是默认值,所以不用写出来):

html如何加超链接(HTML学习笔记9怎样在网页中加入超链接)(3)

锚点链接的地址是本网页内部的一个位置,这个位置必须先用id定义好。锚点链接用的id前面需要加“#”符号,请看下面的实例:

html如何加超链接(HTML学习笔记9怎样在网页中加入超链接)(4)

4、超链接的target打开方式属性有4个不同的值,分别是:

_self 表示在原窗口打开超链接,这是默认值,不用专门设置

_blank 表示在新窗口打开超链接

_parent 表示在父窗口打开超链接

_top 表示在顶层窗口打开超链接

后面两种很少使用,前两种的用法在前面的实例中有。

5、超链接不能独立使用,必须依附于一定的文字或者图片。刚才的例子都是加在文字上的,现在看一个图片上的超链接(点击图片就会转到目标页面):

html如何加超链接(HTML学习笔记9怎样在网页中加入超链接)(5)

关注我,一起进步。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页