ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML常用的的超链接标签:

2022-01-28 19:34:14  阅读:196  来源: 互联网

标签:语言 标记 标签 HTML 超链接 超文本 链接 页面


HTML常用的的超链接标签:

在HTML标签中,超链接标签用a定义,作用是从一个页面到另一个页面。

1.超链接的语法规范

<a href="http://www.baidu.com" target="_blank">百度的链接</ a>

其中a是anchor的缩写,中文意思是:锚

其中href用于指定目标页面的url地址**(不可省略)**,标签拥有href属性时,才有了超链接功能。

target用于指定目标页面的打开方式,可在引号""中输入_self为在当前页面中打开输入_blank为在新窗口中打开target可以省略不写,不写默认值为_self,即为在默认窗口中打开

2.超链接分类

1.外部链接,当前项目外部的链接:

<a href="http://www.baidu.com" target="_blank">百度的链接</ a><br />
<!--其中_blank意思是在新窗口打开链接,不写和写_self都是在当前页面打开链接的意思-->

2.内部链接,当前目录内部的链接也可以说是本项目不同页面之间的链接:

<a herf="index.html" target="_blank">首页</a><br />

3.空链接,即当前项目尚未完成的页面,用#代替开发完成之后可以替换回来,点击之后会再次打开当前页面:

<a href="#" target="_blank">未完成的页面</a><br />

4.下载链接:当内部链接的地址时一个文件或者压缩文件时:

<a href="新建 Microsoft Excel 工作表.xlsx">下载文件</a><br />
<a href="新建 Microsoft Excel 工作表.zip">下载文件</a><br />

5.网页元素链接:在网页中的各种元素,如文本,图像,表格,音频,视频等都可以作为超链接:

<a href="1.jpg" target="_blank"><img src="1.jpg" height="100"></a>
<!--其中的<img src="1.jpg" height="100">为图片标签,文本等其他的内容可以代替-->
效果为点击图片则打开新的页面

6.锚点链接:点击该链接可以迅速定位到页面中的某个位置(作用和目录的链接类似):

在链接文本中的href属性中,设置属性值为"#"+文本的形式,如:
<a href="#锚点">这是一个锚点</a>
找到目标位置标签,里面添加一个ID属性 = 刚才的属性值,如:
<h3 id="锚点">锚点</h3>

这里附上完整代码,大家感受以下:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>在链接文本中的href属性中,设置属性值为"#"+文本的形式,如:</h2>
    <a href="#锚点">这是一个锚点</a><br />
    HTML的全称为超文本标记语言,<br>是一种标记语言。它包括一系列标签.<br>
    通过这些标签可以将网络上的文档格式统一,<br>使分散的Internet资源连接为一个逻辑整体。<br>
    HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字<br>,图形、动画、声音、表格、链接等。<br> 
    超文本是一种组织信息的方式,<br>
    它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。<br>
    这些相互关联的信息媒体可能在同一文本中,<br>也可能是其他文件,<br>或是地理位置相距遥远的某台计算机上的文件。<br>
    这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,<br>为人们查找,<br>检索信息提供方便<br>
    HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。<br>
    HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,<br>
    它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX, Windows等)。<br>
    使用HTML,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,<br>
    即现在所见到的网页。 [2] <br>
    自1990年以来,HTML就一直被用作万维网的信息表示语言,使用HTML描述的文件需要通过web浏览器显示出效果。<br>
    HTML是一种建立网页文件的语言,通过标记式的指令(Tag),将影像、声音、图片、文字动画、影视等内容显示出来。<br>
    事实上,每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,<br>
    只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。<br>
    HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面,<br>
    与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。<br>
    HTTP的制定使浏览器在运行超文本时有了统一的规则和标准。 [2] 
    万维网(world wide web,简称www)上的一个超媒体文档称之为一个页面(外语:page)。<br>
    作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,<br>
    主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,外语缩写:URL)指针<br>
    ,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。<br>
    在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。<br>
    超文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。 [3] <br>
    网页的本质就是超文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。<br>
    因而,超文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。<br>
    超文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。 [4] 
    <h3>定义</h3>
    超文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。<br>
    网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容<br>
    (如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,<br>
    对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。<br>
    但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。 [3] <br>
    HTML版本编辑 播报
    HTML是用来标记Web信息如何展示以及其他特性的一种语法规则,它最初于1989年由CERN的Tim Berners-Lee发明。<br>
    HTML基于更古老一些的语言SGML定义,并简化了其中的语言元素。<br>
    这些元素用于告诉浏览器如何在用户的屏幕上展示数据,所以很早就得到各个Web浏览器厂商的支持。 [5] 
    <h3>HTML历史上有如下版本: </h3> 
    ①HTML 1.0:在1993年6月作为互联网工程工作小组(IETF)工作草案发布。 [5] 
    ②HTML 2.0:1995年1 1月作为RFC 1866发布,于2000年6月发布之后被宣布已经过时。 [5] 
    ③HTML 3.2:1997年1月14日,W3C推荐标准。 [5] 
    ④HTML 4.0:1997年12月18日,W3C推荐标准。 [5] 
    ⑤HTML 4.01(微小改进):1999年12月24日,W3C推荐标准。 [5] 
    ⑥HTML 5:HTML5是公认的下一代Web语言,极大地提升了Web在富媒体、富内容和富应用等方面的能力,<br>
    被喻为终将改变移动互联网的重要推手。Internet Explorer 8及以前的版本不支持。 [6] 
    HTML在Web迅猛发展的过程中起着重要作用,有着重要的地位。但随着网络应用的深入,特别是电子商务的应用,<br>
    HTML过于简单的缺陷很快凸现出来:HTML不可扩展。HTML不允许应用程序开发者为具体的应用环境定义自定义的标记。<br>
    HTML只能用于信息显示。HTML可以设置文本和图片显示方式,但没有语义结构,即HTML显示数据是按照布局而非语义的。<br>
    随着网络应用的发展,各行业对信息有着不同的需求,这些不同类型的信息未必都是以网页的形式显示出来。<br>
    例如,当通过搜索引擎进行数据搜索时,按照语义而非按照布局来显示数据会具有更多的优点。<br>
    总而言之,HTML的缺点使其交互性差,语义模糊,这些缺陷难以适应Internet飞速发展的要求,<br>
    因此一个标准、简洁、结构严谨以及可高度扩展的XML就产生了。<br>
    <h2>找到目标位置标签,里面添加一个ID属性 = 刚才的属性值,如:</h2>
    <h1 id="锚点">锚点</h1><br />
    HTML的全称为超文本标记语言,<br>是一种标记语言。它包括一系列标签.<br>
    通过这些标签可以将网络上的文档格式统一,<br>使分散的Internet资源连接为一个逻辑整体。<br>
    HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字<br>,图形、动画、声音、表格、链接等。<br> 
    超文本是一种组织信息的方式,<br>
    它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。<br>
    这些相互关联的信息媒体可能在同一文本中,<br>也可能是其他文件,<br>或是地理位置相距遥远的某台计算机上的文件。<br>
    这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,<br>为人们查找,<br>检索信息提供方便<br>
    HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。<br>
    HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,<br>
    它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX, Windows等)。<br>
    使用HTML,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,<br>
    即现在所见到的网页。 [2] <br>
    自1990年以来,HTML就一直被用作万维网的信息表示语言,使用HTML描述的文件需要通过web浏览器显示出效果。<br>
    HTML是一种建立网页文件的语言,通过标记式的指令(Tag),将影像、声音、图片、文字动画、影视等内容显示出来。<br>
    事实上,每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,<br>
    只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。<br>
    HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面,<br>
    与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。<br>

</body>
</html>

标签:语言,标记,标签,HTML,超链接,超文本,链接,页面
来源: https://blog.csdn.net/rihjyy/article/details/122735466

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有