HTML超链接

最新推荐文章于 2024-07-05 17:38:37 发布

咸鸭蛋炒饭

最新推荐文章于 2024-07-05 17:38:37 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML5基础篇文章标签： html 标签经验

本文链接：https://blog.youkuaiyun.com/u010853130/article/details/54893905

HTML5基础篇专栏收录该内容

121 篇文章

订阅专栏

1.超链接：

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>超链接</title>
	</head>
	<body>
	
		<!--
			跳转到当前页面的指定位置
				#id属性值
		-->
		<a href="#bottom">去底部</a>
		
		<br /> <br />
	
		<!-- 
			超链接
				- 通过超链接可以从一个页面跳转到其他页面
				- 使用 a 标签来创建一个超链接
				- 属性：
					href ：指定一个目标地址，点击超链接以后，将会跳转到该地址
							可以指定一个外部网站的地址，也可以指定一个相对路径
							
					target：指定在哪个窗口中打开目标页面
						- 可选值：
							_self 默认值 在当前窗口打开新的页面
							_blank 在新的窗口中打开页面

		-->
		
		<!-- 跳转到一个外部的网页 -->
		<a href="http://www.baidu.com">超链接</a>
		
		<br /><br />
		
		<!-- 创建一个超链接，不重新打开一个页面跳转到demo06页面 -->
		<a href="demo06.html" target="_self">去DEMO06</a>
		
		<br /><br />
		
		<!-- 创建一个超链接，重新打开一个页面跳转到demo06页面 -->
		<a href="demo06.html" target="_blank">去DEMO06</a>
		
		<!--
			为页面中添加一些内容
		-->
		<p id="p1">
		在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。
这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地䀹着几十个星星的眼，冷眼。他的口角上现出微笑，似乎自以为大有深意，而将繁霜洒在我的园里的野花草上。
我不知道那些花草真叫什么名字，人们叫他们什么名字。我记得有一种开过极细小的粉红花，现在还开着，但是更极细小了，她在冷的夜气中，瑟缩地做梦，梦见春的到来，梦见秋的到来，梦见瘦的诗人将眼泪擦在她最末的花瓣上，告诉她秋虽然来，冬虽然来，而此后接着还是春，蝴蝶乱飞，蜜蜂都唱起春词来了。她于是一笑，虽然颜色冻得红惨惨地，仍然瑟缩着。
枣树，他们简直落尽了叶子。先前，还有一两个孩子来打他们，别人打剩的枣子，现在是一个也不剩了，连叶子也落尽了。他知道小粉红花的梦，秋后要有春；他也知道落叶的梦，春后还是秋。他简直落尽叶子，单剩干子，然而脱了当初满树是果实和叶子时候的弧形，欠伸得很舒服。但是，有几枝还低亚着，护定他从打枣的竿梢所得的皮伤，而最直最长的几枝，却已默默地铁似的直刺着奇怪而高的天空，使天空闪闪地鬼䀹眼；直刺着天空中圆满的月亮，使月亮窘得发白。
鬼䀹眼的天空越加非常之蓝，不安了，仿佛想离去人间，避开枣树，只将月亮剩下。然而月亮也暗暗地躲到东边去了。而一无所有的干子，却仍然默默地铁似的直刺着奇怪而高的天空，一意要制他的死命，不管他各式各样地䀹着许多蛊惑的眼睛。
哇的一声，夜游的恶鸟飞过了。
我忽而听到夜半的笑声，吃吃地，似乎不愿意惊动睡着的人，然而四围的空气都应和着笑。夜半，没有别的人，我即刻听出这声音就在我嘴里，我也即刻被这笑声所驱逐，回进自己的房。灯火的带子也即刻被我旋高了。
后窗的玻璃上丁丁地响，还有许多小飞虫乱撞。不多久，几个进来了，许是从窗纸的破孔进来的。他们一进来，又在玻璃的灯罩上撞得丁丁地响。一个从上面撞进去了，他于是遇到火，而且我以为这火是真的。两三个却休息在灯的纸罩上喘气。那罩是昨晚新换的罩，雪白的纸，折出波浪纹的叠痕，一角还画出一枝猩红色的栀子。
猩红的栀子开花时，枣树又要做小粉红花的梦，青葱地弯成弧形了……我又听到夜半的笑声；我赶紧砍断我的心绪，看那老在白纸罩上的小青虫，头大尾小，向日葵子似的，只有半粒小麦那么大，遍身的颜色苍翠得可爱，可怜。
我打一个呵欠，点起一支纸烟，喷出烟来，对着灯默默地敬奠这些苍翠精致的英雄们。
一九二四年九月十五日。 
		
		</p>
		
		
		<!-- 
			跳转到当前页面的指定位置
			href属性可以指定一个#,如果href是一个#，此时点击超链接，不会跳转到其他的页面
				而是跳转到当前页面的顶部，在开发中我们经常使用#作为超链接的占位符
		-->
		
		<!--
			在HTML中，每个元素都可以添加一个id属性，该属性可以作为元素的唯一标识，
				在一个页面中不等出现相同的id属性值，id属性必须以字母开头
		-->
		
		<a id="bottom" href="#">回到顶部</a>
		
		<br /><br />
		<a href="#p1">去文章的开头</a>
		
	
	</body>
</html>

2.效果图：