a标签的使用,以及一些全局属性和链接类型。

2,153 阅读2分钟

目录

a标签:

  • a标签是要在网页上添加超链接的
  • a标签要写上内容不然显示不出来。
  • 属性:

    herf(规定了页面的路径)

    1. 要跳转的页面地址
    2. 是能跳转到其他文件的。
    3. 对于zip这类文件执行的是下载。对于txt,pdf,执行的是预览。

    4. 能跳转到绝对页面地址。例:< a herf="http:baidu.com">< /a>
    5. 可以是Email地址。例:< a herf="email>请给我发送邮件< /a> to:"2603666984@qq.com"
    6. 可以是电话:< a herf="tel:18337921839">联系我们< /a>

    target:(规定在什么地方打开连接)

    1. _blank(在新窗口打开页面)
    2. _self 这个是默认的(在当前窗口打开页面)
    3. _parent(在父框架打开超链接)
    4. _top(在整个窗口中打开页面)

    title    鼠标悬停到元素的时候提示的文本

    a标签未被激活的时候字体默认是蓝色的,激活后是紫色的,按下的时候是红色的。

    全局属性(任何标签都能用的属性):

    title  鼠标悬停的时候显示的文本。

    style  定义css样式。

    class  定义一类,在页面中的属性值是可以重复的。

    id  定义id在页面的属性值是惟一的。

    class和id的区别:class和id都有一个起名字的作用只不过class可以看成我们的名字id可以看成我们的身份证号。

    链接的链接类型:

    1. 文字连接,例:<a herf="http://baidu.com">百度</a>
    2. 图片链接,例:<a herf="www.baidu.com"><img src="图片地址" alt="图片加载失败" title="点击">点击进入百度</a>
    3. 空链接(不做跳转),例:
      • <a herf="#">空链接</a>(虽然不做跳转但可以回到顶部)
      • <a herf ="javascript"<空链接</a>(点击既不会跳转也不会回到顶部)
    4. 锚点链接,例:<a herf ="# +id">锚点链接</a>
    5. 目标标签中写一个id,a标签中写#+目标标签的id。