HTML学习笔记(5)
一、HTML基础学习
标签:
1.a标签:
- 作用:用于控制页面与页面之间跳转
- 格式:
<a href="指定需要跳转的目标界面">xxxx(展现给用户查看的内容)</a>
- 注意:(1)a标签不仅可以让文字被点击,也可以让图片被点击
(2)一个a标签必须有一个href属性,否则a标签不知道要跳转到什么地方
(3)如果通过a标签的href属性指定一个URL网址,那么必须在前面加上http://或者https://
(4)a标签的href属性除了可以指定一个网络地址外,还可指定一个本地地址(利用相对路径) - 其他属性:(1)target属性:
作用:是用于控制如何跳转
其中 _self:在当前选项卡中跳转
_blank:在新的选项卡中跳转
(2)title属性:
作用:和img标签中的title属性一样,都是用来控制鼠标悬停时显示的提示文本的 - 假链接:
什么是假链接?
点击之后不会跳转
在开发前期,当页面还没有写好,就可以先用假链接代替
假链接的格式:
1.#
2.javascript
区别:#的假链接会自动回到网页的顶部
而JavaScript的假链接不会返回网页的顶部
eg:某些网页的“返回顶部”按钮就是用#格式的假链接制作的
2.base标签:
- 作用:用来统一指定当前网页中所有的超链接(a标签)需要如何打开
- 注意:(1)base标签必须写在head标签的开始结束标签之间
(2)如果在base指定了target,又在a标签中该指定了target,浏览器会默认执行a标签内的target
锚点:
若想实现通过a标签跳转到指定的位置分为两步:
1.给目标位置的标签添加一个id属性,然后指定一个独一无二的值
2.告诉a标签你需要跳转到的目标标签对应的id的值
3.在href中 # 后添加目标id
注意:(1)通过a标签跳转到指定的位置,是没有过渡动画的
(2)a标签除了可以跳转当前界面的指定位置,还可以跳转到其他界面的时候跳转到指定位置