文章目录
- 图像标签
- 链接标签
- 1.文本超链接
- 2.图像超链接
- 3.页面间链接
- 4.锚链接
- 5.功能性链接
图像标签
常见的图像格式
- JPG
- GIF
- PNG
- BMP
- …
<img src="path" alt="text" title="text" width="x" height="y"/>
-
src【必填】：图像地址（相对地址【推荐使用√】、绝对地址）
…/上一级目录
-
alt【必填】：图像的替代文字
-
title：鼠标悬停提示文字
-
width：图像宽度
-
height：图像高度
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像标签</title>
</head>
<body>
<img src="../resource/image/bengtie.png" alt="崩铁截图" title="悬停" width="500" height="300"><!--图片不存在时-->
<img src="../resource/image/bengtie1.png" alt="崩铁截图1" title="鼠标悬停文字" width="500" height="300">
</body>
</html>
链接标签
<a href="path" target="目标窗口位置">链接文本或图像</a>
- href：链接路径（要跳转到哪个页面 ）
- target：链接在哪个窗口打开
target常用值：_self、_blank
_blank：在新标签中打开
_self：在本身所在页面打开（默认）
1.文本超链接
2.图像超链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签</title>
</head>
<body>
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面1</a>
<a href="http://www.baidu.com/">点击我跳转到百度</a>
<br>
<!--把图片设置成超链接-->
<a href="1.我的第一个网页.html">
<img src="../resource/image/bengtie1.png" alt="崩铁截图1" title="鼠标悬停文字" width="500" height="300">
</a>
</body>
</html>
3.页面间链接
从一个页面链接到另一个页面
4.锚链接
实现页面内部的跳转
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签</title>
</head>
<body>
<!--使用name作为标记-->
<a name="top">顶部</a>
<br>
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面1</a>
<a href="http://www.baidu.com/">点击我跳转到百度</a>
<br>
<!--把图片设置成超链接-->
<a href="1.我的第一个网页.html">
<img src="../resource/image/bengtie1.png" alt="崩铁截图1" title="鼠标悬停文字" width="500" height="300">
</a>
<p>
<h3>题目：跨越时空的对话</h3>
<br>
历史长河中，无数伟人留下了自己的印记，他们的智慧和勇气跨越时空，成为我们学习的榜样。今天，让我们走进他们的世界，进行一场跨越时空的对话。
<br>
我：您是历史上伟大的哲学家，您的思想影响了无数人。请问您对现代社会有什么建议？
<br>
孔子：首先，现代社会科技发展迅速，人们的生活方式也发生了很大的变化。但是，人们的精神世界不能被忽视。我认为，道德教育是现代社会不可或缺的一部分，只有培养有道德、有良知的人才，社会才能更加和谐。
<br>
我：您说的很有道理。那么，您认为现代社会还存在哪些问题需要解决？
<br>
孔子：现代社会虽然发展迅速，但也存在很多问题，比如贫富差距、环境污染等。这些问题需要全社会的共同努力来解决。我认为，政府应该加强对贫苦民众的关注和帮助，同时加强环境保护措施，让每个人都能够享受到美好的生活。
<br>
我：您作为历史上著名的军事家，请问您对现代战争和和平有什么看法？
<br>
孙子：我认为，战争是一种非常残酷的行为，它会给人们带来无尽的痛苦和牺牲。和平是每个人都应该追求的目标。但是，有时候战争也是不可避免的。在这种情况下，我认为军队应该以最小的代价取得胜利，而不是无谓的牺牲。
<br>
我：您说的很有道理。那么，您认为现代社会应该如何维护和平？
<br>
孙子：我认为，维护和平需要多方面的努力。首先，国际社会应该加强合作，共同应对全球性的挑战，比如气候变化和恐怖主义等。其次，各国之间应该通过外交手段解决争端，而不是通过武力来解决。最后，每个人都应该从自己做起，通过和平的方式来解决问题，而不是采取暴力手段。
<br>
通过这场跨越时空的对话，我们可以看到伟人们的智慧和勇气。他们不仅在自己的时代留下了深刻的印记，而且对现代社会也产生了深远的影响。我们应该向他们学习，汲取他们的智慧和力量，为现代社会的发展贡献自己的力量。同时，我们也应该意识到自己的责任和使命，通过自己的努力和行动，为现代社会的发展和进步做出贡献。只有这样，我们才能真正成为一个有价值的人，为人类社会的进步和发展做出自己的贡献。
</p>
<p>
<h3>题目：读书，点亮心灵的灯</h3>
在历史的长河中，读书是一种独特的存在，它如同一盏明灯，点亮了我们内心的世界，让我们在无尽的黑暗中找到了前进的方向。读书，不仅是一种知识积累的过程，更是一种心灵的洗礼，一种思想的升华。
<br>
读书，让我们领略了知识的浩瀚。从古至今，无数的智者通过他们的著作，将智慧的火花传递给我们。通过读书，我们可以穿越时空的限制，与古人对话，理解他们的思想，感受他们的智慧。我们在书海中游弋，如同探险者在未知的世界中探索，每一步都充满了惊奇与发现。
<br>
读书，也让我们理解了人性的复杂。在书中，我们看到了人物的喜怒哀乐，看到了社会的冷暖人情。书中的每一个情节，每一个人物，都反映了人性的光辉与阴暗。通过读书，我们能够更深入地理解人性的多样性，学会宽容与理解，更好地与他人相处。
<br>
读书，更是一种思想的升华。每一本书都是作者思想的结晶，是他们内心世界的展现。通过读书，我们可以接触到不同的思想，可以开阔我们的视野，让我们看待世界更加全面。书中的思想火花，可以激发我们的思考，推动我们不断探索、不断前进。
<br>
读书的过程，也是一种心灵的洗礼。在忙碌的生活中，我们有时会迷失自我，感到迷茫和困惑。而读书，就像一场心灵的旅行，带我们走进另一个世界，让我们在书的世界中找到自我，找到答案。每一本书都像一面镜子，反映出我们内心的世界，帮助我们看清自己，找到自己的方向。
<br>
读书不仅是一种知识的积累，更是一种精神的滋养。它如同心灵的灯塔，照亮了我们的人生道路，让我们在人生的旅途中不迷茫、不彷徨。书中的每一个故事、每一个情节都像是一盏灯，照亮了我们前进的道路，让我们在黑暗中找到了方向。无论我们面临多大的困难和挫折，只要有书在手，就有无尽的力量和勇气。
<br>
在这个信息爆炸的时代，读书更显得弥足珍贵。我们每天都会接收到海量的信息，但这些信息往往是碎片化的、表面的。而书则是一种深度思考的产物，它经过作者的深思熟虑和精心打磨，能够提供给我们更加系统、深入的知识和思考。通过读书，我们可以提高自己的思维层次，增强自己的判断力，更好地应对这个复杂多变的世界。
<br>
总之，读书是一种宝贵的财富，它点亮了我们内心的世界，让我们的人生更加丰富多彩。让我们珍惜这份财富，用心去读书，去感受书中的智慧和力量。只有这样，我们才能在人生的道路上走得更加坚定、更加自信。
</p>
<!--锚链接
1.需要一个锚标记
2.跳转到标记
-->
<a href="#top">回到顶部</a>
</body>
</html>
5.功能性链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签</title>
</head>
<body>
<!--功能性链接
邮件链接：mailto:
-->
<a href="mailto:1234567890.qq.com">点击联系我</a>
</body>
</html>
![C++多线程学习[六]： 多线程之间的同步](https://img-blog.csdnimg.cn/direct/05be211680bc4b6d85edb96411163b16.png)
