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>