JavaWeb学习之路(18)–HTML之超级链接

简介: 本文目录1. 前言2. 跳转指定网址页面3. 跳转当前网站其他网页4. 在新窗口中打开网页5. 小结

1. 前言

超级链接是HTML中极其精彩的设计。


网页之所以让人感觉功能无限,丰富多彩,就在于网页上的超级链接,当我们点击超级链接时,可以跳转到一个新的页面,查看该链接对应的内容。


在一层一层的链接中,网站的内容得到极大的延展,用户也得以从互联网上获取海联的信息。


本篇我们就来讲解下超级链接的使用。


2. 跳转指定网址页面

可以使用超级链接跳转指定网址的页面,例如下面的例子会跳转到百度:


<a href="http://www.baidu.com">百度</a>

1

效果如下,点击文本百度,则跳转到对应的网址:http://www.baidu.com



3. 跳转当前网站其他网页

href属性也可以指向当前网站的其他网页,例如:


<a href="1.html">网页1</a>

   <a href="pages/2.html">网页2</a>


则点击【网页1】,会跳转到当前网页同目录下的1.html;而点击【网页2】,会跳转到pages文件下的2.html。


4. 在新窗口中打开网页

有时候,我们点击超级链接时,并不希望新网页替换当前网页,而是弹出一个新窗口加载新页面,这样的好处是还可以轻松返回查看老页面。


此时可以使用target属性,当target属性值为_blank时,点击超链接会弹出新窗口打开网页,实例如下:


<a href="http://www.baidu.com" target="_blank">百度</a>

1

5. 小结

超级链接非常重要,要掌握本节的内容,需要自己编写网页逐一实现上面的要点。

相关文章
|
2天前
|
JavaScript 前端开发 UED
HTML 链接的高阶写法
在 HTML 中,通过使用不同的属性和技术可以增强链接的功能性和可访问性。
|
29天前
HTML基础知识学习
HTML基础知识学习
28 1
|
20天前
|
JavaScript 算法 前端开发
|
2月前
|
自然语言处理 开发者 Python
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
|
2月前
HTML 链接- id 属性
【7月更文挑战第1天】HTML 链接- id 属性。
27 1
|
2月前
|
开发者
HTML 链接语法
【7月更文挑战第1天】HTML 链接语法。
31 1
|
2月前
|
JavaScript 前端开发 Java
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
|
2月前
|
前端开发 数据安全/隐私保护
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(一)
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(一)
|
3月前
|
数据安全/隐私保护
杨老师课堂之网页制作HTML的学习入门-含有案例2
杨老师课堂之网页制作HTML的学习入门-含有案例
19 0
|
13天前
|
移动开发 前端开发 JavaScript
HTML与CSS二三事
HTML与CSS二三事
下一篇
DDNS