首页IT科技html超链接标签(HTML超链接)

html超链接标签(HTML超链接)

时间2025-08-03 21:41:16分类IT科技浏览5108
导读:目录...

目录

一              、引言

二                     、超链接使用规则

三       、相对地址(多较于本地文件)

1              、含义

2                     、表示形式

3       、举例

4       、文件目录对照

四                     、绝对地址 

1              、含义

2       、举例

3                     、URL参考

 五              、内部段落跳转

 1、格式

2                     、代码举例(文本内容仅为测试              ,与现实无关)

 3                     、注意事项

六、属性target(设置是否新开网页)

1              、规范(常见两种)

2                     、举例

一       、引言

内外部跳转                     ,相对绝对地址       ,新开网页

二              、超链接使用规则

1                     、超链接使用一定要包含“标签a              ”(也就是<a></a>)

2       、属性href为链接地址              ,作为跳转的目标

3       、网页内部段落跳转需要使用标签的唯一属性“id                     ”

4                     、属性target控制跳转结果为新开网页还是当前网页

三              、相对地址(多较于本地文件)

1       、含义

目标网页地址相对于当前网页的地址

2                     、表示形式

(1)./表示当前文件目录                     ,可以忽略不写       ,默认为被加上       ,可调用当前目录下的所有文件

(2)../表示上一级文件目录                     ,必须写              ,返回到上一级目录

3              、举例

(1)./

<a href="./meta.html">这是meta代码相对路径的跳转链接</a>

(2)../

<a href="../test/test.html">这是test代码相对路径跳转链接</a>

4、文件目录对照

四                     、绝对地址 

1                     、含义

就是打开的网页中显示的URL

2、举例

(1)百度首页URL

<a href="http://www.baidu.com">这是百度的跳转链接</a>

(2)作者本地代码URL

<a href="http://127.0.0.1:5500/code/study/entity.html">这是实体测试代码的绝对路径跳转链接</a>

3              、URL参考

(1)百度

(2)本地

 五                     、内部段落跳转

 1       、格式

(1)href="#"是默认值       ,表示返回网页顶部

(2)href="#id"表示返回到设定id的段落

2              、代码举例(文本内容仅为测试                     ,与现实无关)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内部跳转</title> </head> <body> <a href="#pargraph6">去第六个自然段</a> <a href="#bottom">去底部</a> <p>1西方国家与新冠共存后的结果误导了一部分看不清事实的人              ,让他们认为新冠共存符合现阶段中国国情              。自从英国选择与新冠共存之后,似乎每日新增病例的数量确实在逐渐减少                     。但实际上                     ,在新冠共存的政策下                     ,英国并不强制要求公民进行检测或者是隔离,这种统计下的新增病例并不可靠       。而本次香港疫情爆发              ,又恰逢亚洲发达国家新加坡宣告与新冠共存              。在这种背景下                     ,就有部分人认为香港的严防措施可有可无       ,可以作为实行新冠共存的中国城市                     。但实际上              ,在香港统计显示的重症和死亡的人群当中                     ,有98%是未接种疫苗的人群       ,这与具有高接种率的英国是不相同的       。同时也存在部分人消极抗疫       ,散布“群体免疫       ”的误解言论       。</p> <p>2西方国家与新冠共存后的结果误导了一部分看不清事实的人                     ,让他们认为新冠共存符合现阶段中国国情                     。自从英国选择与新冠共存之后              ,似乎每日新增病例的数量确实在逐渐减少              。但实际上       ,在新冠共存的政策下                     ,英国并不强制要求公民进行检测或者是隔离              ,这种统计下的新增病例并不可靠       。而本次香港疫情爆发,又恰逢亚洲发达国家新加坡宣告与新冠共存                     。在这种背景下                     ,就有部分人认为香港的严防措施可有可无                     ,可以作为实行新冠共存的中国城市              。但实际上,在香港统计显示的重症和死亡的人群当中              ,有98%是未接种疫苗的人群                     ,这与具有高接种率的英国是不相同的。同时也存在部分人消极抗疫       ,散布“群体免疫              ”的误解言论                     。</p> <p>3西方国家与新冠共存后的结果误导了一部分看不清事实的人              ,让他们认为新冠共存符合现阶段中国国情                     。自从英国选择与新冠共存之后                     ,似乎每日新增病例的数量确实在逐渐减少。但实际上       ,在新冠共存的政策下       ,英国并不强制要求公民进行检测或者是隔离                     ,这种统计下的新增病例并不可靠              。而本次香港疫情爆发              ,又恰逢亚洲发达国家新加坡宣告与新冠共存                     。在这种背景下       ,就有部分人认为香港的严防措施可有可无                     ,可以作为实行新冠共存的中国城市       。但实际上              ,在香港统计显示的重症和死亡的人群当中,有98%是未接种疫苗的人群                     ,这与具有高接种率的英国是不相同的              。同时也存在部分人消极抗疫                     ,散布“群体免疫                     ”的误解言论                     。</p> <p>4西方国家与新冠共存后的结果误导了一部分看不清事实的人,让他们认为新冠共存符合现阶段中国国情       。自从英国选择与新冠共存之后              ,似乎每日新增病例的数量确实在逐渐减少       。但实际上                     ,在新冠共存的政策下       ,英国并不强制要求公民进行检测或者是隔离              ,这种统计下的新增病例并不可靠                     。而本次香港疫情爆发                     ,又恰逢亚洲发达国家新加坡宣告与新冠共存              。在这种背景下       ,就有部分人认为香港的严防措施可有可无       ,可以作为实行新冠共存的中国城市       。但实际上                     ,在香港统计显示的重症和死亡的人群当中              ,有98%是未接种疫苗的人群       ,这与具有高接种率的英国是不相同的                     。同时也存在部分人消极抗疫                     ,散布“群体免疫       ”的误解言论              。</p> <p>5西方国家与新冠共存后的结果误导了一部分看不清事实的人              ,让他们认为新冠共存符合现阶段中国国情。自从英国选择与新冠共存之后,似乎每日新增病例的数量确实在逐渐减少                     。但实际上                     ,在新冠共存的政策下                     ,英国并不强制要求公民进行检测或者是隔离,这种统计下的新增病例并不可靠                     。而本次香港疫情爆发              ,又恰逢亚洲发达国家新加坡宣告与新冠共存。在这种背景下                     ,就有部分人认为香港的严防措施可有可无       ,可以作为实行新冠共存的中国城市              。但实际上              ,在香港统计显示的重症和死亡的人群当中                     ,有98%是未接种疫苗的人群       ,这与具有高接种率的英国是不相同的                     。同时也存在部分人消极抗疫       ,散布“群体免疫       ”的误解言论       。</p> <p id="pargraph6">6西方国家与新冠共存后的结果误导了一部分看不清事实的人                     ,让他们认为新冠共存符合现阶段中国国情              。自从英国选择与新冠共存之后              ,似乎每日新增病例的数量确实在逐渐减少                     。但实际上       ,在新冠共存的政策下                     ,英国并不强制要求公民进行检测或者是隔离              ,这种统计下的新增病例并不可靠       。而本次香港疫情爆发,又恰逢亚洲发达国家新加坡宣告与新冠共存       。在这种背景下                     ,就有部分人认为香港的严防措施可有可无                     ,可以作为实行新冠共存的中国城市                     。但实际上,在香港统计显示的重症和死亡的人群当中              ,有98%是未接种疫苗的人群                     ,这与具有高接种率的英国是不相同的              。同时也存在部分人消极抗疫       ,散布“群体免疫                     ”的误解言论       。</p> <p>7西方国家与新冠共存后的结果误导了一部分看不清事实的人              ,让他们认为新冠共存符合现阶段中国国情                     。自从英国选择与新冠共存之后                     ,似乎每日新增病例的数量确实在逐渐减少              。但实际上       ,在新冠共存的政策下       ,英国并不强制要求公民进行检测或者是隔离                     ,这种统计下的新增病例并不可靠。而本次香港疫情爆发              ,又恰逢亚洲发达国家新加坡宣告与新冠共存                     。在这种背景下       ,就有部分人认为香港的严防措施可有可无                     ,可以作为实行新冠共存的中国城市                     。但实际上              ,在香港统计显示的重症和死亡的人群当中,有98%是未接种疫苗的人群                     ,这与具有高接种率的英国是不相同的。同时也存在部分人消极抗疫                     ,散布“群体免疫              ”的误解言论              。</p> <p>8西方国家与新冠共存后的结果误导了一部分看不清事实的人,让他们认为新冠共存符合现阶段中国国情                     。自从英国选择与新冠共存之后              ,似乎每日新增病例的数量确实在逐渐减少       。但实际上                     ,在新冠共存的政策下       ,英国并不强制要求公民进行检测或者是隔离              ,这种统计下的新增病例并不可靠              。而本次香港疫情爆发                     ,又恰逢亚洲发达国家新加坡宣告与新冠共存                     。在这种背景下       ,就有部分人认为香港的严防措施可有可无       ,可以作为实行新冠共存的中国城市       。但实际上                     ,在香港统计显示的重症和死亡的人群当中              ,有98%是未接种疫苗的人群       ,这与具有高接种率的英国是不相同的       。同时也存在部分人消极抗疫                     ,散布“群体免疫       ”的误解言论                     。</p> <p>9西方国家与新冠共存后的结果误导了一部分看不清事实的人              ,让他们认为新冠共存符合现阶段中国国情              。自从英国选择与新冠共存之后,似乎每日新增病例的数量确实在逐渐减少       。但实际上                     ,在新冠共存的政策下                     ,英国并不强制要求公民进行检测或者是隔离,这种统计下的新增病例并不可靠                     。而本次香港疫情爆发              ,又恰逢亚洲发达国家新加坡宣告与新冠共存              。在这种背景下                     ,就有部分人认为香港的严防措施可有可无       ,可以作为实行新冠共存的中国城市。但实际上              ,在香港统计显示的重症和死亡的人群当中                     ,有98%是未接种疫苗的人群       ,这与具有高接种率的英国是不相同的                     。同时也存在部分人消极抗疫       ,散布“群体免疫                     ”的误解言论                     。</p> <p>10西方国家与新冠共存后的结果误导了一部分看不清事实的人                     ,让他们认为新冠共存符合现阶段中国国情。自从英国选择与新冠共存之后              ,似乎每日新增病例的数量确实在逐渐减少              。但实际上       ,在新冠共存的政策下                     ,英国并不强制要求公民进行检测或者是隔离              ,这种统计下的新增病例并不可靠                     。而本次香港疫情爆发,又恰逢亚洲发达国家新加坡宣告与新冠共存       。在这种背景下                     ,就有部分人认为香港的严防措施可有可无                     ,可以作为实行新冠共存的中国城市              。但实际上,在香港统计显示的重症和死亡的人群当中              ,有98%是未接种疫苗的人群                     ,这与具有高接种率的英国是不相同的                     。同时也存在部分人消极抗疫       ,散布“群体免疫              ”的误解言论       。</p> <a id="bottom" href="#">回到顶部</a> </body> </html>

 3                     、注意事项

(1)id的命名是每个标签的唯一属性              ,不能重复                     ,且必须以字母开头

(2)在实际代码中       ,href若未确定       ,可以用JavaScript中的:;进行占位                     ,防止出错

六       、属性target(设置是否新开网页)

1       、规范(常见两种)

(1)target="_blank"表示链接跳转新开页面

(2)target="_self"表示链接跳转在当前页面打开

2                     、举例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超链接之新开窗口</title> </head> <body> <a href="https://www.baidu.com" target="_blank">这是新开窗口的超链接</a> </body> </html>

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
计算机二级c语言程序设计题目(计算机等级考试二级C语言程序设计专项训练题——程序设计题(六)) ChatGPT学英语口语软件(ChatGPT学习心得一(使用node+react做了一个案例))