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. 小结

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

相关文章
|
3月前
|
存储 数据安全/隐私保护
走进HTML学习二
走进HTML学习二
|
2月前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
48 0
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
64 1
|
3月前
|
XML JavaScript 前端开发
走进HTML学习一
走进HTML学习一
|
3月前
|
移动开发 Python HTML5
Python办公自动化【发送普通邮件、发送HTML邮件、发送附件邮件-smtplib、批量发送邮件-smtplib、发送邮件-zmail】(八)-全面详解(学习总结---从入门到深化)
Python办公自动化【发送普通邮件、发送HTML邮件、发送附件邮件-smtplib、批量发送邮件-smtplib、发送邮件-zmail】(八)-全面详解(学习总结---从入门到深化)
47 0
|
3月前
|
JSON 定位技术 API
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
33 0
|
15天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
6天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据
|
10天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1