免费资源
享你所想

从零开始自学HTML(3):HTML超链接

毕业这么多年,多年喜欢看书的习惯一直没改变,可惜现在看书已经静不下心,一目十行,看一会就心浮气躁。已经丧失了灵感,写一篇文章前言不搭后语,东一榔头西一榔头,想到什么就写什么,文章很多地方不连贯,而且有些东西写完很久在阅读才发现缺失了很多。

关于从零开始自学HTML系列,写的多了,会发现有很多基本的的忘记写了,所以我会在后面将一些基本的,觉得对大家有帮助的东西写成类似番外篇让大家看看。


HTML超链接

每一个网站都是由许多网页所组成,而网页之间是由超链接连接起来的。超链接能够让我们在各个页面之间进行跳转。

例如我们进入淘宝网首页,点击我们想要的东西就会进入物品详情页。首页和详情页之间的跳转就是超链接起的作用。

HTML文档中超链接用<a>标签来表示。使用它就可以从一个页面跳转到另一个页面。

<html>
	<head>
		<title>html页面标题</title>
	</head>
	<body>
		<p>下面是一个超链接</p>
		<a href="www.5meng.cc">无梦博客</a>
		<p>上面的超链接指向无梦博客首页</p>
	</body>
</html>

代码效果展示:

下面是一个超链接

无梦博客

上面的超链接指向无梦博客首页


a标签代表超链接,href属性描述链接的地址。

我们来看上面的HTML代码,href的值是无梦博客的首页地址,所以我们点击链接会转到首页。

是不是很简单。

a标签有两个常用属性,第一个是href,它是必不可少的属性。第二个是target,用来定义即将跳转的链接在哪里被打开,如原来的窗口,或新打开窗口。

self表示在当前页面打开链接。

blank表示在新窗口中打开链接。

赞(0) 打赏
未经允许不得转载:无梦博客 » 从零开始自学HTML(3):HTML超链接
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

无梦博客

币池塘关于本站

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏