html超链接标签(HTML超链接)
目录
一 、引言
二 、超链接使用规则
三、相对地址(多较于本地文件)
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版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!