900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 7 HTML超链接标签 a标签 锚链接 QQ推广

7 HTML超链接标签 a标签 锚链接 QQ推广

时间:2021-05-01 15:07:29

相关推荐

7 HTML超链接标签 a标签 锚链接 QQ推广

1、页面间跳转

<a href = "path" target = "目标窗口的位置"> 链接的文字或者图片 </a>属性:1、href:是这个链接的路径地址,可以是网址,也可以是别的html文件。但是需要注意的是,如果是网址,需要写清楚全部的地址如:百度: ,而不能只写后面部分如果是别的html文件的话,需要注意路径是否正确。2、target:是该链接打开的标签页的位置,如果是当前标签页打开该链接的话,就是_self,如果是在新的标签页打开的话,属性值就是_blank。不写的话,默认值是 _self。还可以跳转到frame标签中。3、a标签中间的内容可以是文字,也可以是图片,也就是在a标签中嵌套一个img标签。

2、锚链接

锚链接是用来页面中的跳转的,也就是页面太长了,需要用锚链接用来定位。常见的是回到顶部,底部,这样的操作。

锚链接也是通过 a 标签进行跳转,但是需要提前设置好一个猫标记,同样也是使用 a 标签进行设置,如下:

1、在需要跳转的位置使用 a标签: <a name = "top">顶部</a>给它加上一个name属性,属性值为 top,因为没有 href 属性,所以不会呈现可以点击的超链接的形式。2、在需要跳转的开始位置,设置一个a标签:<a href = "#top">回到顶部</a>使用 href属性进行跳转,属性值为“# + 需要跳转的标志名称”,这里需要跳转的标志名称就是前面定义的 top,这样当点击了 超链接:回到顶部就可以实现跳转到 锚标志 top 的顶部位置了。

注意:如果不写锚标志,href 属性的值就是 # ,则默认回到顶部。

3、锚链接实现页面间跳转并定位

同样的在一个页面使用超链接跳转到另外一个页面的是,需要跟上这个页面的路径即名称,此时,当我们还想跳转到该页面的相应的锚标志位置的话,可以直接在该 href 值的后面跟上# + 锚标志,就可以实现跳转页面并且定位的功能了。

4、功能性链接

邮件链接:mailto:xxxx@,当点击了这个链接,就会打开自带的邮件发送软件,自动填写上这里写的邮箱地址作为收件人。

QQ链接:具体步骤如下:

1、百度搜索QQ推广

2、点进网页后,就可以使用自己的QQ登录了,登录后点击推广工具

3、选择个人QQ组件,选好组件的类型,写好提示语,就可以复制下面的代码了

4、结果,功能是可以实现的,但是图片不知道怎么显示不完整

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。