显示效果如图:
一:概念
使用<a>
标签定义超链接,其中,href
属性指定了超链接的目标,本例中即跳转到百度,如:
<a href="https://baidu.com">百度搜索</a>
二:href 属性
href
属性是超链接最重要的属性,它用于指定超链接目标的 URL,典型的超链接格式如下:
<a href="URL">
其中,目标URL有三种类型:
-
锚
URL (anchor URL)
:指向同一页面内某一位置; -
相对
URL (relative URL)
:指向同一网站的不同文件; -
绝对
URL (absolute URL)
:指向另一个网站。
提示:
-
URL
:Uniform Resource Locator
,统一资源定位器 -
<a href="#toc1">简介</a>
-
定义了一个指向
#toc1
目标的锚链接。所以,点击之后会定位到相应行数 -
<h2 id="toc1">简介</h2>
id
属性值为toc1
的位置。所以,完整的一对页面内导航的写法为: -
<a href="#id值内容">简介</a>
<开始标签 id="id值内容">内容<结束标签>
此外,当
href="#"
时,默认回到网页顶部位置。
三:发送电子邮件
将href
属性值设置为mailto:邮箱地址
,这样做可以调起邮箱应用,发送邮件到对应地址。
例如:
<p><a href="https://en.wikipedia.org/wiki/HTML" target="_blank">HTML</a>
指定了 target="_blank"
,所以在点击之后,将在新标签中打开链接
四:分级标题
使用p
元素定义段落。p
元素是HTML
中最常用的元素之一
例 :
<p>超文本标记语言(HTML)是一种标准化的用来创建Web页面和Web应用的标准化的标记语言。</p>
使用<br>
标签在段落中换行,例:
<p>超文本标记语言(HTML)是一种标准化的用来创建Web页面和Web应用的标准化的标记语言。<br>
在级联样式表单(CSS)和JavaScript的帮助下,HTML已经成功构建了一整套面向Web的开发与应用平台</p><