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

1、页面间跳转

<a href = "path" target = "目标窗口的位置"> 链接的文字或者图片 </a>
属性：1、href：是这个链接的路径地址，可以是网址，也可以是别的html文件。但是需要注意的是，如果是网址，需要写清楚全部的地址如：百度： https://www.baidu.com ，而不能只写后面部分如果是别的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.com,当点击了这个链接，就会打开自带的邮件发送软件，自动填写上这里写的邮箱地址作为收件人。
QQ链接：具体步骤如下：
1、百度搜索QQ推广

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

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

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

7、HTML超链接标签，a标签，锚链接，QQ推广相关推荐

前端(一)——HTML之基本标签、图片标签、超链接、锚链接
文章目录 1. 定义 2. 发展史及优势 2.1 发展史 2.2 优势 3. W3C标准 4. HTML的基本结构 5. 网站的基本标签 5.1 标题标签 5.2 段落标签 5.3 水平线标签 5.4 ...
HTML超链接标签——a标签、锚点、base标签、假链接标签
目录一.a标签 1.什么是a标签? 2.a标签中的属性: 3.注意点: 二.锚点 1.什么是锚点? 2.如何实现锚点? 3.要想实现通过a标签跳转到指定的位置分为两步:(重点!!!) 4.格式: 5 ...
html 标签、图像、链接、注释、锚点定位、特殊字符
常用的 html 标签 <h1>h1标题</h1> <div>这是一个div标签</div> <p ...
链接标签(anchor)和锚点定位
一.链接标签 HTML中创建超链接只需要用标签环绕需要被链接的对象即可,基本原格式如下: <a href="跳转目标" target="目标窗口的弹出方式" ...
html中锚链接作用和特点,HTMLa标签作为锚链接
1. 什么是锚链接? 标签主要作为超链接和锚链接使用.超链接主要指不同html页面之间的跳转,而锚链接指的是同一页面之间的跳转. 锚链接的两种效果: 在当前页面中跳转.:通过元素的ID进行跳转网页中 ...
vue中使用类似html中a标签的锚链接，实现点击定位到当前页面的某个位置
在vue中实现点击文字,定位到当前页面的某个位置,具体实现效果如下图所示: 主要实现方式为: <div @click="toJump1">定位1</div> ...
html标记表示超链接,HTML常见标签学习
关于表格的HTML标签的介绍表示表格一行中的一个单元格, 和一样,只不过标签让内容居中并加粗,常用语表示表头的信息. 关于超链接的HTML标签介绍表示超链接. 链接 ...
HTML-----图像，超链接，锚链接，网页布局
图像,超链接,网页布局图像 <!--语法 src:图片加载路径(必填)分绝对路径和相对路径(推荐使用)../ 上一级目录 alt:图片的替代文字(必填) title:鼠标悬停在图片上的提示文字 ...
HTML中添加超链接、音频标签、视频标签、内嵌框架标签
目录超链接音频标签视频标签内嵌框架标签超链接 1.超链接:当用户点击文字.图像.视频等页面元素时,页面会发生跳转,则这些页面元素就是超链接 2.超链接标签: <a href='url ...
Html常见标签- 排版标签 - 文本格式化标签 - 图像标签 - 链接 - 相对路径，绝对路径的使用
1. HTML常用标签首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了. 不会再给结构标签指定样式了. HTML标签有很多,这里我们学习最为常用的,后 ...