P4、HTML基础_超链接拓展

超链接标签：a标签

超链接不仅可以填写网页地址，还可以填写其他html文件进行页面跳转

<a href="a.html">文字或者图像</a>

页面跳转

超链接两种写法
一、便捷式

 <a href="#">文字或者图像</a>

二、完整式

<a href="网页地址" target="窗口位置">文字或者图像</a>

拓展：
跳转窗口方式共有两种，使用target进行跳转页面：
_self:在本窗口替换打开新页面(未设置target时，浏览器默认此方式跳转)
_blank:在开一个窗口打开跳转页面

锚链接

• 从A页面的甲位置跳转到本页面的乙位置中
• 从A页面的甲位置跳转到B页面的乙位置中

创建步骤：

    一、创建跳转标记
        <a name="标记名">目标乙位置</a>
    二、创建跳转链接
        <a href="#标记名">起点甲位置</a>
        跳转到他页
        <a href="他页HTML地址#标记名">起点甲位置</a>

功能性链接

邮箱链接

<a href="mailt:邮箱地址">联系我们</a>

插入图片，影音等等

<a href="image/recruit-01.jpg">点击打开图片</a>