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
*请认真填写需求信息,我们会在24小时内与您取得联系。