HTML 标签 HTML <b>字体加粗 标签HTML <big> 大号字体 标签HTML <em> 强调标签HTML <strong> 重要事务标签HTML <dfn>定义实例标签HTML <code> 计算机代码 标签HTML <samp> 计算机输出 标签HTML <kbd> 用户输入 标签HTML <var> 变量 标签HTML <cite> 作品标题 标签HTML <i> 字体斜体 标签HTML <small> 侧记 标签HTML <sup>上标 标签HTML <sub>下标 标签HTML <ins>插入 标签HTML <del>删除 标签HTML <s>删除 标签HTML <strike> 删除标签HTML <u>下划线 标签HTML <tt>打印机文字 标签HTML <pre>预格式化的文本 标签HTML <abbr>缩写体 标签HTML <acronym>首字母缩写 标签HTML <address>联系信息 标签HTML <bdo>覆盖文本方向 标签HTML <blockquote> 长引用 标签HTML <q> 短引用 标签HTML <link> 外部资源 标签HTML <style> 样式标签HTML <title> 标题标签HTML <base>文档根 URL标签HTML <meta> 元数据标签HTML <script> 脚本标签HTML <noscript> 不支持脚本标签HTML <command> 定义命名标签HTML <head> 头部标签HTML <map> 图像映射标签HTML <img> 图像标签HTML <area> 图像映射区域标签HTML <a> 超链接标签HTML <div>块标签HTML <span>局部布局标签HTML <form> 表单 标签HTML <optgroup>选项组 标签HTML <option>选项 标签HTML <select> 下拉列表 标签HTML <datalist> 选项列表 标签HTML <input> 表单交互 标签 HTML <textarea> 多行文本 标签HTML <button> 按钮 标签 HTML <legend> 分组标题 标签HTML <fieldset> 分组 标签 HTML <label> 标识 标签 HTML <h1><h2><h3><h4><h5><h6>标题 标签HTML <hr> 水平线 标签HTML <ol> 有序列表 标签 HTML <li> 列表项 标签HTML <ul> 无序列表 标签HTML <dl>描述列表 标签HTML <dt>描述列表项目名 标签HTML <dd>描述列表子项目 标签HTML <output>输出 标签 HTML <p>段落 标签HTML <table>表格 标签HTML <tr>表格行 标签HTML <th>表标题 标签HTML <td>表单元格 标签HTML <caption>表名称 标签HTML <col>列属性 标签HTML <colgroup>列组合 标签HTML <thead>表格表头 标签HTML <tbody>表格主体 标签HTML <tfoot>表格底部 标签HTML <br>换行 标签HTML <object>对象 标签HTML <iframe>标签HTML <header> 区域页眉 标签HTML <footer> 区域页脚 标签HTML 参考手册 HTML 全局属性HTML 事件属性HTML 世界语言代码缩略词ascii码对照表HTML 完整的 ISO-8859-1 参考手册HTML 符号实体参考手册HTML 字符集HTML URL编码表HTML Canvas 参考手册

HTML <a> 超链接标签

<a>标签定义一个超链接,指定了一个页面到别一个页面的跳转,也可为一个位置到别一个位置的定位(锚链接)。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

W_EYIFR{X8_3P]9)SXHA4P0.png

案例

绝对链接URL: 炫代码首页

相对链接URL:炫代码首页

<p>绝对链接URL: <a href="http://www.xuandaima.com/index.html">炫代码首页</a></p>
<p>相对链接URL:<a href="/index.html">炫代码首页</a></p>

a连接

注意如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。

支持浏览器

ChromeIEFirefoxsafarioprea

链接外观样式

一般情况下浏览器会默认三种链接样式,但是链接共有4种标签伪类样式,我们可通过css样式来改变,链接四种样式分别是:

标签伪类

语法

<a href="指定要跳转的目标界面的链接">需要展示给用户看见的内容</a>
a标签属性
属性描述
href
URL
规定链接的目标 URL。
target
_blank
_parent
_self
_top
framename
规定在何处打开目标 URL。仅在 href 属性存在时使用。
charsetchar_encodingHTML5 不支持规定目标 URL 的字符编码。
coordscoordinatesHTML5 中不支持,主浏览器不支持,规定链接的坐标,建议使用<area>标签coords 属性
downloadhtml5新增filename指定下载链接
hreflanglanguage_code规定目标 URL 的基准语言。仅在 href 属性存在时使用。
mediahtml5新增media_querymedia 属性规定目标 URL 是为什么类型的媒介/设备。默认值:all。仅在 href 属性存在时使用。
namesection_nameHTML5 不支持。规定锚的名称。
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
revtextHTML5 不支持。规定目标 URL 与当前文档之间的关系。
shapedefault
rect
circle
poly
HTML5 不支持。规定链接的形状。建议使用<area>标签shape属性
type html5新增MIME_type规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

全局属性

<a>标签支持HTML 全局属性

事件属性

<a>标签支持HTML 事件属性

更多案例

图像链接

<a href="/index.html" target="_blank"><img src="/Template/Test/img/logo.png" /></a>

锚链接

可快速定位页面的指定位置,要注意页面的高度要大于显示高度。要不然看不出效果。

锚链接

在新窗口打开

<a href="/" target="_blank" >炫代码首页</a>

新窗口打开