HTML(3)——URL、超链接

最新推荐文章于 2025-02-08 14:03:55 发布

陆老师Peter

最新推荐文章于 2025-02-08 14:03:55 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：网站前端开发文章标签： HTML 超链接 URL

本文链接：https://blog.youkuaiyun.com/qq_34573534/article/details/97443498

网站前端开发专栏收录该内容

82 篇文章

订阅专栏

本文详细解析了URL的概念及其在网络中的应用，包括FTP服务器的功能、超链接的使用方法、相对URL的优势，以及如何在新窗口打开链接和使用锚记进行页面内跳转。通过实例展示了各种链接的使用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. URL：URL表示资源在网络中的地址，比如 http://127.0.0.1/a.htm、ftp://192.168.88.128/b.zip。还有URI的概念，比URL大，有的类中使用URI这种说法，可以暂时看成和URL一样就行。

2. ftp服务器一般主要用于文件的上传和下载。

3. 超级链接：<a href="http://www.rupeng.com">如鹏网</a>。 <a>中还可以嵌套图片，这样就是点击图片打开连接<a href="http://www.rupeng.com"><img src="http://www.rupeng.com/forum/templates/uchome/images/logo.gif"/></a> 。

4. 相对URL：相对URL表示相对于当前文档的资源，“/”表示网站根目录，“../”表示父目录，“../../”表示父目录的父目录，“./”或者不写任何斜线表示相对于当前路径的目录。站内引用最好用相对URL，这样域名改变了、目录改变了都不受影响。

<a href="a.htm"><img src="a.jpg"/></a>
<img src="../images/csharp1.jpg" />
<img src="/images/csharp1.jpg" />

5. 将<a>的target属性设定为"_blank"就可以在新窗口中打开超链接。国情：国内的网站很多都是默认在新窗口中打开。

6. 锚记：用name属性为<a> 起名字：<a name="Last">这里是最后</a>。这样可以通过<a href="#Last">转到平台</a>来跳转到超链接的部分。 “去底部”、“返回顶部”功能都是这样实现的。

7. 案例：去往评论、回到正文。多敲几个回车。