前端入门篇（五）超链接与锚点

最新推荐文章于 2025-08-25 20:45:35 发布

原创最新推荐文章于 2025-08-25 20:45:35 发布 · 953 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5

前端入门专栏收录该内容

54 篇文章

订阅专栏

1.a标签代表超级链接
2.通过href属性指定要跳转的目的链接或者锚点
设置href="#"，代表跳转到页面最顶部
通过设置的id，跳转到指定id的位置
3.通过target属性指定是否要在新窗口中打开目的链接，默认在当前窗口打开，当设置为target="_blank"时，在新窗口打开
4.br{$}*100可以快速生成100行，并且数字递增，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接</title>
</head>
<body>
    <!-- <a href="img.png" target="_blank">超级链接</a> -->
    <a href="http:www.mi.com" target="_blank">
        <img src="img.png">
    </a>
    <a href="#end">end</a>
    <br>1
    <br>2
    <br>3
    <br>4
    <br>5
    <br>6
    <br>7
    <br>8
    <br>9
    <br>10
    <br>11
    <br>12
    <br>13
    <br>14
    <br>15
    <br>16
    <br>17
    <br>18
    <br>19
    <br>20
    <br>21
    <br>22
    <br>23
    <br>24
    <br>25
    <br>26
    <br>27
    <br>28
    <br>29
    <br>30
    <br>31
    <br>32
    <br>33
    <br>34
    <br>35
    <br>36
    <br>37
    <br>38
    <br>39
    <br>40
    <br>41
    <br>42
    <br>43
    <br>44
    <br>45
    <br>46
    <br>47
    <br>48
    <br>49
    <br id="mid">50
    <br>51
    <br>52
    <br>53
    <br>54
    <br>55
    <br>56
    <br>57
    <br>58
    <br>59
    <br>60
    <br>61
    <br>62
    <br>63
    <br>64
    <br>65
    <br>66
    <br>67
    <br>68
    <br>69
    <br>70
    <br>71
    <br>72
    <br>73
    <br>74
    <br>75
    <br>76
    <br>77
    <br>78
    <br>79
    <br>80
    <br>81
    <br>82
    <br>83
    <br>84
    <br>85
    <br>86
    <br>87
    <br>88
    <br>89
    <br>90
    <br>91
    <br>92
    <br>93
    <br>94
    <br>95
    <br>96
    <br>97
    <br>98
    <br>99
    <br id="end">100
    <a href="#mid">mid</a>
    <a href="#">最上面</a>

</body>
</html>