html a标签 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="Refresh"content="3; URL=https://www.baidu.com">-->
    <meta http-equiv="Refresh" content="3">
        <title>Title</title>
</head>

<body>
    <img src="car.jpg" width="300px" height="200px"  alt="加载不出来图片" title="豪车">

    <a href="http://www.baidu.com">点我！去百度</a>
</body>
</html>

如下：

a标签下的href属性，就是超链接地址。而后面的文字表示界面的文字说明。

实际效果：界面展示文字，而文字被附带了超链接地址，当鼠标点击的时候，会跳转至设置的链接去

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="Refresh"content="3; URL=https://www.baidu.com">-->
    <meta http-equiv="Refresh" content="3">
        <title>Title</title>
    <style>
        #d1{height: 500px;
            background: yellow}
        #d2{height: 1000px;
            background: green}
        #d3{height: 2000px;
            background: red}
    </style>
</head>
<body>
    <a href="#d1">第1页</a>
    <a href="#d2">第2页</a>
    <a href="#d3">第3页</a>

    <div id="d1">第1页</div>
    <div id="d2">第2页</div>
    <div id="d3">第3页</div>
</body>
</html>

如下：

要实现的是：使用a标签来锚定位，点击首页的标签后，自动锚定 跳转到对应的div标签区域块去。

首先：通过定义3个div标签表示三个区域块。

然后：a标签来进行超链接，当点击a标签附带的超链接，就跳转到div标签定义的区域块里面去。

最后：通过在head标签里面使用style属性来渲染一下div标签区域块所在的颜色，便于区分。------当然后续直接使用css会更简单

 

 ===========================================

============================================

总结：

<a>标签，有2个作用：

1、结合href属性，表示超链接

2、锚定的作用。比如点一下目录跳转到该目录对应的区域。这就叫锚定

 

posted on 2021-01-08 22:24  QiKa  阅读(106)  评论(0)    收藏  举报