前端标签(链接标签)

单词缩写： anchor 的缩写 。基本解释 锚, 铁锚 的在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可，其基本语法格式如下：

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
  • href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用
  • target：用于指定链接页面的打开方式，其取值有self和blank两种，其中self为默认值，blank为在新窗口中打开方式。
    注意：
  • 1.外部链接 需要添加 http:// www.baidu.com
  • 2.内部链接 直接链接内部页面名称即可 比如 < a href=“index.html”> 首页
  • 3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
  • 4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
     <h3>友情链接:</h3>
     <a href="http://www.baidu.com" target="_blank">百度</a>
     <a href="http://www.sina.com">新浪</a>
     <a href="06 课堂练习-新闻页面.html">今日新闻</a>
     <a href="#">我的作品地址</a>
    </body>
</html>

运行结果如下:

锚点定位 （难点）通过创建锚点链接，用户能够快速定位到目标内容。
创建锚点链接分为两步：

1.使用“a href=”#id名>“链接文本"</a>创建链接文本。
2.使用相应的id名标注跳转目标的位置。

base 标签
base 可以设置整体链接的打开状态 base 写到 <head> </head> 之间

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <base target="_blank" /> 
    </head>
    <body>
    <a href="http://www.baidu.com">百度</a>
    <a href="http://www.sina.com" target="_self">新浪</a>
    <a href="http://www.sohu.com">搜狐</a>
    <a href="http://www.163.com">网易</a>
    img br hr base  单标签
    </body>
</html>
posted @ 2020-02-15 14:01  阳神  阅读(304)  评论(0)  编辑  收藏  举报