笔记html2超链接

Html听课笔记

超链接

页面的跳转(PPT里面的,熟悉不?);当前页面的其他位置。

使用a标签定义超链接(html超文本标记语言)

超链接也是行内元素。

tip

a标签中可以嵌套除了它自身以外的任何元素

属性

跳转属性,例:

<a href="www.baidu.com"> 超链接名称</a>

href指定跳转的路径:

可以是外部列表的链接

也可以是内部列表的链接(确保其在同一目录下)

显示

颜色的蓝紫代表是否访问过

路径

当我们需要跳转到服务器内部项目页面时

一般都会使用相对路径——1或2句点开头

./ …/(可忽略,忽略相当于写了./)

./ 当前文件所在的目录。

…/ 当前文件所在的上一级目录。

目录内./里面的文件名/文件名里面的文件名…以此类推

属性功能 target

用来指定超链接打开的位置。

_self为默认值(不写的默认属性),仅仅在当前页面打开超链接。

_blank在一个新的页面中打开超链接。

举例:

<a href="./a2.html" target=_blank>go a2</a>

超链接的内部跳转

回到顶部:

<a href="#">回到顶部</a>

#属性在于页面不会发生跳转,直接会跳到顶部。

概念:

网页的“顶部”很好定义,但是网页的“底部”不好定义。

与其实现网页到所谓的底部,不如实现到网页顶部以下的任意位置——

所谓去底部,就是最后一个标签的所在位置,从而需要标记最后一个标签,

需运用——

ID属性

唯一不重复的(联想身份证号)

每一个标签都可以添加一个id属性,一个页面不能出现重复的id属性。

惯例要用字母开头。

<a href="#bottom">回到顶部</a>
<a id="bottom" href="#">回到顶部</a>

综上给任意标签添加id,便可以实现网页内任意位置的超链接。

tip

在开发中“#”可以作为暂定超链接的简单占位符使用。

"javascript:;"是没有任何作用的超链接占位符。

<a href="#">没有想好的超链接</a>
<a href="javascript:;">没有想好的超链接</a>

おすすめ

転載: blog.csdn.net/FriedReich/article/details/121438205