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



怎么用做网页的超链接

文章插图

怎么用做网页的超链接

文章插图

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

怎么用做网页的超链接

文章插图

怎么用做网页的超链接

文章插图

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

怎么用做网页的超链接

文章插图

怎么用做网页的超链接

文章插图

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

怎么用做网页的超链接

文章插图

怎么用做网页的超链接

文章插图

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

怎么用做网页的超链接

文章插图

怎么用做网页的超链接

文章插图


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

以上内容就是怎么用做网页的超链接的内容啦 , 希望对你有所帮助哦!

推荐阅读