HTML链接LOGIN

HTML链接

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

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

1.给文字添加超链接

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

HTML内容如下

<html>
<body>
<p>let's have an example</p>
<p>
<a href="http://www.php.cn">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="http://www.php.cn">php中文网</a> </p> </body> </html>
提交重置代码
章节课件