HTML教程 HTML教程HTML是什么HTML 代码编辑器HTML 基础标签HTML 元素HTML 属性HTML 标题HTML 段落HTML 文本格式化HTML CSSHTML 头部HTML链接HTML 图像HTML 区块和行内元素HTML 表格HTML 列表HTML 引用和定义元素HTML 计算机代码元素HTML 布局HTML 框架HTML 脚本/JavaScriptHTML 文件路径HTML 颜色HTML 字符(编码)和实体HTML URL(网址)HTML XHTMLHTML - Web服务器HTML表单 HTML 表单HTML 表单属性HTML 表单元素HTML 表单input类型HTML 表单input属性

HTML链接

HTML链接是指文档之间的相连,点击链接后从链接页面跳转到被链接页面。

案例

炫代码首页

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

HTML链接使用

链接可以是一个字母,单词,句子或者是图像等。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。通常是使用<a>标签来创建链接。

注意请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.xuandaima.com/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.xuandaima.com/html/"。

HTML 链接语法

href 属性描述了链接的目标。

<a href="url链接">链接文字</a>

HTML 空链接

空链接是指没有被链接对象,点击后依然在当前页面,但是有链接效果。

<a href="#">链接文字</a>

其中“ # ”表示空链接。

HTML 链接 - target 属性

链接的target属性是指链接的打开方式,是在新窗口打开还是当前窗口打开等。

炫代码首页

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

target属性默认是在原有的窗口中打开的。如果将 target 属性设置为 "_blank" 则文档就会在新窗口打开。

打开方式

HTML 链接- id 属性

可用于HTML文档书签标记。(也叫锚链接)

<a href="#x3" hreflang="zh">进入第三课</a>
<h2><a id="x3">第三课</a></h2>

锚链接

更多案例

图像链接

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

连接标签
标签名描述
<a>定义一个链接