整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML 链接

HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

HTML 链接

如何在HTML文档中创建链接。

(可以在本页底端找到更多实例)

HTML 超链接(链接)

HTML使用标签 <a>来设置超文本链接。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

在标签<a> 中使用了href属性来描述链接的地址。

默认情况下,链接将以以下形式出现在浏览器中:

  • 一个未访问过的链接显示为蓝色字体并带有下划线。

  • 访问过的链接显示为紫色并带有下划线。

  • 点击链接时,链接显示为红色并带有下划线。

注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。

HTML 链接语法

链接的 HTML 代码很简单。它类似这样::

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

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

实例

<a href="http://www.runoob.com/">访问菜鸟教程</a>

上面这行代码显示为:: 访问菜鸟教程

点击这个超链接会把用户带到菜鸟教程的首页。

提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性

使用 target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

实例

<ahref="http://www.runoob.com/"target="_blank">访问菜鸟教程!</a>

HTML 链接- id 属性

id属性可用于创建在一个HTML文档书签标记。

提示: 书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。

实例

在HTML文档中插入ID:

<a id="tips">有用的提示部分</a>

在HTML文档中创建一个链接到"有用的提示部分(id="tips")":

<a href="#tips">访问有用的提示部分</a>

或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")":

<a href="http://www.runoob.com/html/html-links.html#tips">

访问有用的提示部分</a>

基本的注意事项 - 有用的提示

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

图片链接

如何使用图片链接。

在当前页面链接到指定位置

如何使用书签

跳出框架

本例演示如何跳出框架,假如你的页面被固定在框架之内。

创建电子邮件链接

本例演示如何如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)

建电子邮件链接 2

本例演示更加复杂的邮件链接。

HTML 链接标签

标签描述
<a>定义一个超级链接

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

级版HTML视频教程(全网原创首发!)

什么是HTML?HTML指的是超文本标记语言,它是从事网页设计工作的基础,也是网站开发者必须熟练掌握的一门标记语言。应广大学员的强烈要求,我爱自学网特推出《HTML基础教程》,希望能得到广大学员的支持。



学习交流

标 题

第一课:HTML语言框架和相关标签95 1-1 学习html的前提和必要性53662 1-2 什么是HTML33819 1-3 HTML语言的整体框架135783 1-4 HTML语言的整体框架231727 1-5 行标签和段标签29866 1-6 文字属性标签28853 1-7 文字格式化标签26888 1-8 body标签27570 1-9 标题标签25212

第二课:常用标签代码0 2-1 图片37992 2-2 超链接127213 2-3 超链接223253 2-4 iframe标签25784 2-5 横线22900 2-6 列表22740 2-7 无序列表20544 2-8 有序列表21073 2-9 滚动标签23217 2-10 转义字符22227

第三课:表格标签83 3-1 表格31370 3-2 表格属性123819 3-3 表格属性223066

您说说看 我发明的...是不是很牛逼呀[滑稽]

总 高级版学习资料文件高达10G!!!

总 高级版学习高清视频资料的高达35G!!!

需要的话我后期会更新,所以关注我,学到的好东西都是你自己的哦[滑稽]

那么大概内容就更新到这里

本教程后期会逐一更新高清视频学习资料+超详细的学习资料教程!

别忘了四连!!【点赞 收藏 关注 投币】

我怕你到时候想找我都找不到了~[鲜花]

注:本人原创首发,未经允许禁止转载/抄袭,如有违法,本人将有权追究法律责任!!!

tml的自学刚开始的时候是比较难的,因为html的专业程度本身就不简单,而自学也是一件非常煎熬的事情,但是为了掌握一项生存技能,你必须学会。



在学习html之前首先你要明确的几点是:


1. 是否明确将来做什么工作,需要掌握哪些技能,不要别人学你也跟着学,盲目跟风


2. 你有没有系统的学习规划,规划好每天学什么、学多长时间。


3. 学习方式要选对,很多人在学习html的时候就是学习方式选错了,最后的结果就是学着学着就放弃了,学习过程种一定要找到学习技巧,不会的可以多问问别人,不要自己瞎琢磨,最后什么也没琢磨出来。


下面小编给大家提供一个曾经学习过的HTML视频教程,希望可以帮助到大家,此视频教程主要讲解了HTML基础语法,内容主要包括:HTML概述、W3C概述、B/S架构系统原理、table、背景色与背景图片、超链接、列表、表单、框架等知识点。通过该视频的学习之后,可以开发基本的网页,并且可以看懂别人编写的HTML页面。


课程学习目录


1.HTML视频教程:课程内容概述

2.HTML视频教程:BS结构介绍

3.HTML视频教程:软件环境准备

4.HTML视频教程:HTML概述

5.HTML视频教程:我的第一个HTML

6.HTML视频教程:HTML的基本标签

7.HTML视频教程:HTML的实体符号

8.HTML视频教程:HTML的表格

9.HTML视频教程:HTML的单元格合并1

10.HTML视频教程:HTML的单元格合并2

11.HTML视频教程:thead tbody tfoot

12.HTML视频教程:背景色和背景图片

13.HTML视频教程:HTML图片img标签

14.HTML视频教程:HTML超链接

15.HTML视频教程:超链接的作用-request和response的概念

16.HTML视频教程:HTML列表

17.HTML视频教程:form表单初步

18.HTML视频教程:用户注册表单的实现

19.HTML视频教程:下拉列表支持多选

20.HTML视频教程:form的file控件

完整目录可以关注动力节点Java视频教程


HTML视频教程:https://www.ixigua.com/6834413404204040715