超链接的基本用法

简介: 通过以下的讲解可以清晰地了解超链接的基本用法。

超链接的基本用法


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接的基本使用</title>
</head>
<body>
    <!--基本演示和解释-->
    <a href="https://www.baidu.com/">百度</a><br>
<!--跳转型,需要在href""中添加地址,这里以百度为例,这里只要地址不出现变化,
 是不会受到影响,与html地址无关-->
    <a href="https://www.baidu.com/" target="_self">百度</a><br> 
 <!--target="_self"是表示在当前页面跳转-->
    <a href="https://www.baidu.com/" target="_blank">百度</a><br> 
<!--target="_blank"是新开一个页面跳转-->
    <a href="./2.html">跳转到第二个文件</a><br>    <!--指定跳转,且只能在一个目录内-->
    <a href="../4.html/1.html">去第四个目录找1.html</a><br><!--跳转去html中,其他目录-->
    <a href="#">空链接</a><br>
    <a href="javascript">空链接</a><br><!--空连接的表示方式-->
    <!--本页面的超链接跳转形式-->
    <a href="#1">去底部</a>
    <a href="#2">去中间</a><!--只要在所去地方的对应标签中,加入id=""-->
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p id="2">国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p>国意护少九土是,秦汪上丑意然,是揽耳洪。</p>
    <p id="1">国意护少九土是,秦汪上丑意然,是揽耳洪。</p>  
     <a href="#">去顶部</a>
</body>
</html>

微信图片_20220926182412.png

相关文章
|
2月前
|
移动开发 JavaScript 前端开发
H5超链接
H5超链接
|
2月前
|
搜索推荐 SEO
HTML中各种标题标签的正确使用方法及其特点
在HTML中,标题标签(`&lt;h1&gt;`至`&lt;h6&gt;`)用于定义文档的标题结构。`&lt;h1&gt;`表示主标题,每个页面应只有一个;`&lt;h2&gt;`至`&lt;h6&gt;`分别表示不同层级的子标题,可用于细分内容。正确使用这些标签不仅有助于文档的层次分明和可读性提升,还能优化SEO。使用时需注意保持层级结构连续、内容描述清晰。
|
3月前
|
搜索推荐 网络架构 UED
什么是超链接?
本文介绍超链接的基本概念及其在网络中的重要性。超链接作为Web的核心组成部分,由蒂姆·伯纳斯·李在1989年提出,与URL、HTTP共同构成Web的三大支柱。通过链接,用户能轻松从一个文档跳转至另一个文档。文章探讨了不同类型的链接,包括内部链接、外部链接与传入链接,并介绍了锚点链接的功能。此外,还强调了链接对于用户体验及搜索引擎优化(SEO)的重要性,以及如何合理构建链接以提升网站的可用性和搜索引擎排名。最后,提供了进一步学习资源,帮助读者深入了解URL结构与超链接的实际应用。
181 3
|
3月前
|
JavaScript 前端开发
定义一个超链接,点击超链接后,执行一段代码,页面不跳转
这篇文章展示了如何在HTML中创建一个超链接,当点击这个超链接时,会执行JavaScript代码(例如弹出一个警告框)而不会导致页面跳转。
|
6月前
|
前端开发
【零基础入门前端系列】—超链接和文本格式化标签(四)
【零基础入门前端系列】—超链接和文本格式化标签(四)
|
移动开发 人工智能 前端开发
HTML5 常用 标签 锚 列表 用法
HTML5 常用 标签 锚 列表 用法
|
C#
Markdown各标签使用用法
标签和文本之间要有一个空格
133 0
|
移动开发 前端开发 程序员
【网页前端】HTML基本语法之排版标签和表单标签(一)
【网页前端】HTML基本语法之排版标签和表单标签
229 0
【网页前端】HTML基本语法之排版标签和表单标签(一)
|
前端开发 安全 数据安全/隐私保护
【网页前端】HTML基本语法之排版标签和表单标签(二)
【网页前端】HTML基本语法之排版标签和表单标签(二)
177 0
【网页前端】HTML基本语法之排版标签和表单标签(二)