vscode——HTML基本标签A标签超级链接

news/2024/11/29 9:32:54/
什么是超级链接:
1通过超级连接建立链接的关系——>从一个页面跳转另一个页面——>a标签是成对出现的——<a></a>有开始有结束——>a标签不加属性:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>超级链接</title>
</head>
<body><a>超级链接</a>
</body>
</html>
只显示“超级链接”
2.为了实现超链接功能:
1.href属性——>填入网页地址或文件地址;
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>超级链接</title>
</head>
<body><a href="https://www.mi.com/seckill/">超级链接</a>
</body>
</html>
2.点击超级链接直接在当前页面,跳转到"指定的网页"——>在新的标签打开"指定的网页"——>
target属性——>后面什么都不写页面默认替换——>target="_blank"——>在网页里新开一个标签:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>超级链接</title>
</head>
<body><a href="https://www.mi.com/seckill/" target="_blank">超级链接</a>
</body>
</html>
3.在<a>可以放文字,还可以放图片</a>:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>超级链接</title>
</head>
<body><a href="https://www.mi.com/seckill/" target="_blank"><img src="bh1.png" alt=""></a>
</body>
</html>
3.a标签还有很重要"书签标记"也叫"锚点":
1.在html页面加行快捷写法——>br{$}*100——>br{$}*100+回车键:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>超级链接</title>
</head>
<body><a href="https://www.mi.com/seckill/" target="_blank"><img src="bh1.png" alt=""> </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>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>100
</body>
</html>
2.怎么加锚点——> <a href="#后面加行数"></a> ——>是通过"#"和"id"对应起——>就是重a链接调到"#后面加行数"里面去
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>超级链接</title>
</head>
<body><a href="https://www.mi.com/seckill/" target="_blank"><img src="bh1.png" alt="">   </a><a href="#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 id="mid37">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>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="#mid37">mid37</a>
</body>
</html>
3.如果只写#——>例如:<a href="#">最顶上</a>

 

 

 

 

 最下面 









10 
11 
12 
13 
14 
15 
16 
17 
18 
19 
20 
21 
22 
23 
24 
25 
26 
27 
28 
29 
30 
31 
32 
33 
34 
35 
36 
37 
38 
39 
40 
41 
42 
43 
44 
45 
46 
47 
48 
49 
50 
51 
52 
53 
54 
55 
56 
57 
58 
59 
60 
61 
62 
63 
64 
65 
66 
67 
68 
69 
70 
71 
72 
73 
74 
75 
76 
77 
78 
79 
80 
81 
82 
83 
84 
85 
86 
87 
88 
89 
90 
91 
92 
93 
94 
95 
96 
97 
98 
99 
100 mid37


http://www.ppmy.cn/news/563787.html

相关文章

gt9xx驱动分析笔记

# evtest /dev/event0 或者 # hexdump /dev/event0 // 分析&#xff1a; \drivers\i2c\busses\I2c-digicolor.c static struct platform_driver i2c_dc_driver { .probe i2c_dc_probe, .remove __exit_p(i2c_dc_remove), .driver { .name "i2c-digicolor", .o…

ctfshow 文件包含 web 78 -117

目录 web 78web 79web 80web 81web 82-86(环境暂时做不了)web 87web 88web 116web 117 web 78 data://text/plain,<?php system("cat flag.php");?> php://filter/convert.base64-encode/resourceflag.php web 79 filedata://text/plain;base64,PD9waHAgc…

正点原子Linux 触摸芯片改成GT911后的驱动修改(单点和多点触摸)

目录 单点触摸设备树修改编译设备树和驱动模块并运行运行测试 多点触摸 野火的Linux的触摸芯片就是用的GT911,如果用GT911替换原来正点原子的FT5x06或者GT9147,需要做一些修改。 单点触摸 在正点原子的触摸芯片软件历程里有GT9147的代码&#xff0c;基于此代码修改即可 注意正…

记一次移植GT9271无法正常通信

移植汇顶的TP GT9271时&#xff0c;发现i2c通信不上&#xff0c;检查了TP的供电和复位脚及硬件连接&#xff0c;都没发现问题&#xff0c;然后发现内核有如下的报错信息。 [49533.829164] gpio-272 (goodix_ts_int): _gpiod_direction_output_raw: tried to set a GPIO tied t…

stm32驱动GT-U7 GPS

文章目录 STM32驱动GT-U7 GPS模块一些参数用户手册过程问题代码 STM32驱动GT-U7 GPS模块 淘宝链接&#xff1a;GT-U7 GPS 一些参数 可到淘宝链接上查看。&#xff08;因为放的是图片&#xff0c;审核时认为是广告&#xff09; 用户手册 4&#xff0c;$GPRMC&#xff08;推…

宝塔面板实用教程(1):10分钟部署在线客服系统

客服系统发布以来&#xff0c;一直有朋友询问如何在宝塔面板中安装部署&#xff0c;开始我一直认为参考 Linux 版的安装教程就可以了&#xff0c;一直没有专门写宝塔环境的教程。这段时间来咨询的朋友越来越多&#xff0c;经过了解&#xff0c;我才知道宝塔面板的普及率有多高&…

如何判断TongWeb是否支持某种数据库?

起因&#xff1a; 数据库连接池本是一项成熟的技术&#xff0c;但随着数据库厂家、种类的增加&#xff0c;常常被问到TongWeb是否支持XX数据库&#xff0c;连接原理是什么&#xff1f; 说明&#xff1a; 数据库连接池的基本思路是&#xff0c;平时建立适量的数据库的连接&…

导航【网络安全】

导航【网络安全】 前言推荐导航最后 前言 2023-6-25 10:21:15 以下内容源自《【网络安全】》 仅供学习交流使用 推荐 期末复习【网络安全】 导航 第2章 作业&#xff08;2456&#xff09;【网络安全】 实验 DES算法的实现【网络安全】 实验一 Windows系统安全实验【网络…