怎么用做网页的超链接( 二 )



怎么用做网页的超链接


  • 05另外一种方法需要使用id属性 , id属性可用于创建在一个HTML文档中的书签标记 , 该书签在HTML文档中是不显示的 。下面我们使用id属性实现回到页面顶部的功能 , 我们在跳转到的位置使用代码:<span id="top"></span> , 在超链接的位置使用代码:<a href=https://www.jinnalai.com/jingyan/"#top">回到顶部
    , 同样href#后的值必须和id属性的值一致 , 另外标签不是必须的 , 有id属性的标签均可 。
    怎么用做网页的超链接


    怎么用做网页的超链接


  • 06<a>标签不仅可以实现跳转到本页面的指定位置 , 也可以实现跳转到其他页面的指定位置 。例如 , 我们在一个页面使用id属性标识当前位置 , 代码为:<p id="mubiao">新的一天</p> , 在另一个页面使用代码<a href=https://www.jinnalai.com/jingyan/"2.html#mubiao">在其他页面定位实现超链接 , 注意此时href值的写法 。
    怎么用做网页的超链接


    怎么用做网页的超链接


  • 07使用<a>标签给图片加上超链接 , 点击某个图片即可跳转到指定的页面 。我们在<a>标签中添加<img>标签 , 该标签用于在网页显示图片 , src的值为图片的位置 , 可以为绝对路径也可以为相对路径 , 下图中使用的为相对路径 , 点击文字下面的图片即可跳转 。
    怎么用做网页的超链接


    怎么用做网页的超链接


  • 08使用<a>标签实现电子邮件链接 , 电子邮件链接类似于URL的链接方式:格式为:mailto:电子邮件地址 , 实现代码为:<a href=mailto:11111@qq.com>邮件投递</a> , 打开网页并点击链接时会弹出写邮件窗口 , 使用邮件客户端便可打开 , 如下图所示 。
    怎么用做网页的超链接


    怎么用做网页的超链接


  • 特别提示【怎么用做网页的超链接】请注意代码必须在英文半角符号状态下输入 。

    推荐阅读