10.HTML超链接练习(含锚点链接)

最新推荐文章于 2022-06-14 13:57:23 发布

weixin_42866896

最新推荐文章于 2022-06-14 13:57:23 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/weixin_42866896/article/details/82992865

本文详细介绍了HTML中的超链接使用，包括外部链接、内部链接和锚点链接的实践，帮助读者深入理解HTML页面间跳转和内部定位的方法。

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

实现代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>练习</title>
</head>
<body>
	<center>
	
<!-- 跳转到id为bottom的元素所在的位置
	 直接在href中写#id属性值
-->

	<a href="#bottom">去底部</a>
	<a href="#hello">去指定位置</a>
	<h1>这是我的个人博客</h1>
	<hr />
	<h2>东风破</h2>
	<!-- 创建超链接时，如果地址不确定可以直接写一个#作为占位符 -->
	<a href="#">周杰伦</a>
	 
	<p id="hello">
	一盏离愁孤灯伫立在窗口<br/>
	我在门后假装你人还没走<br/>
	旧地如重游月圆更寂寞<br/>
	夜半清醒的烛火不忍苛责我<br/>
	一壶漂泊浪迹天涯难入喉<br/>
	你走之后酒暖回忆思念瘦<br/>
	水向东流时间怎么偷<br/>
	花开就一次成熟我却错过<br/>
	谁在用琵琶弹奏一曲东风破<br/>
	岁月在墙上剥落看见小时候<br/>
	犹记得那年我们都还很年幼<br/>
	而如今琴声幽幽我的等候你没听过<br/>
	<img src="img/zjl1.jpg" alt="周杰伦" width="300px"><br/>
	谁在用琵琶弹奏一曲东风破<br/>
	枫叶将故事染色结局我看透<br/>
	篱笆外的古道我牵着你走过<br/>
	荒烟漫草的年头就连分手都很沉默<br/>
	一壶漂泊浪迹天涯难入喉&l