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标签除了可以跳转当前界面的指定位置,还可以跳转到其他界面的时候跳转到指定位置

猜你喜欢

转载自blog.csdn.net/qq_51368103/article/details/113439955