HTML链接

相信大家对超链接不会陌生吧,天天都不知道点了多少个呢。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,你可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。我们在前面的例子中只简单使用了< a>标签 ,用字符作为网业的超链接,还使用< a>实现了发送邮件的功能。下面我们要讲到的都是关于< a>标签的属性

我们这就详细来讲解HTML链接:

1.给文字添加超链接

首先我们还是回顾一下最简单的链接使用,直接给文字添加链接到网页和另外的HTML文件。

HTML内容如下

<html>
<body>
<p>let's have an example</p>
<p>
<a href="//m.sbmmt.com">php中文网</a>
</p>
</body>
</html>

这是自己在环境中的截图:

QQ截图20161010173757.png

这是最简单的超链接,接下来我们就来让这个HTML文件链接到另一个HTML文件。(在相同的文件夹,再添加一个HTMl文件),然后下面是HTML内容和结果

QQ截图20161206103150.png

点击进去以后(另一个HTML的内容就不再展示):

QQ截图20161206103248.png

2.给图片添加链接

QQ截图20161010174737.png

这是内容与结果截图:


QQ截图20161010174741.png

点击图片以后成功链接:

QQ截图20161010174747.png

继续学习
||
<html> <body> <p>let's have an example</p> <p> <a href="//m.sbmmt.com">php中文网</a> </p> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

弹指间学会HTML+CSS

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
大学生de小铺子

大学生de小铺子

新手,慢慢学习

4年前    添加回复 0

回复
扔个三星炸死你

扔个三星炸死你

加链接就要用到<a>标签

5年前    添加回复 0

回复
这是啥

这是啥

是是要点击那个连接就跳到另一个页面去了吗

5年前    添加回复 0

回复
你的名字

你的名字

学习了,图片链接是这样加的啊

5年前    添加回复 0

回复
城堡下的诡洞

城堡下的诡洞

链接经常用到的,了解了4中状态,样式就可以做的很炫了

5年前    添加回复 0

回复
baby不要哭泣

baby不要哭泣

<a href = "目标网址" title = "鼠标滑过显示的文本">连接显示的文本</a>

5年前    添加回复 0

回复

如何去掉连接下面的下划线?

[最新 数据分析师 的回答]如何去掉连接下面的下划线?-PHP中文网问答-如何去掉连接下面的下划线?-PHP中文网问答围观一下哦,学习一下。

时间:5年前

<a>链接标签使用的问题?

[最新 数据分析师 的回答]链接标签使用的问题?-PHP中文网问答-链接标签使用的问题?-PHP中文网问答围观一下哦,学习一下。

时间:5年前

吃瓜群众

吃瓜群众

超链接中的文字可更换为图片展示

3年前 0

check

check

<a href="//m.sbmmt.com">php中文网</a> href 链接地址,点击链接跳转的地方

5年前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~