HTML——day2
HTML常用标签：
一、文本格式化标签：
用于给文字加粗，
用于文字斜体，
删除线标签
下划线标签
二、
这两个标签是没有语义的这种标签的存在是为了分割页面，时的排版布局更加美观。这两者的区别在于div标签的范围更大而span的范围较小。
三、图像标签的应用
图像标签是一个单标签，其中src作为他的必须属性，其属性值是图像的路径或文件名，
当我们的图像和HTML文件在同一级别的时候我们就可以直接写图像名；xxx.jpg
当图像和HTML文件不在同一级是我们就要采用相对路径/绝对路径的方式来提供这个图像的存储位置。
相对路径： 这是相对于HTML文件的，在这里还分为两种；一种是文件相对于HTML文件的下一级那么我们可以直接写：HTML/xxx.jpg。还有一种是我们的图像在HTML文件的上级
文件中这时候我们就要先回到上一级再相对HTML文件寻找图片：在这里我们要注意：回到上一级的符号是：../ ,想回到几级就用几次这个符号：../xxx.jpg
绝对路径：假设我们新建一个文件夹《综合案例》里面包括了html文件和一个image文件夹用来存储图像，这样的话我们的绝对路径就是从这个根目录也就是综合案例开始的：综
合案例\image\xxx.jpg这就是我们的绝对路径。
在img标签中还有一个非必须属性就是：alt他的属性值是可自定义的文字。其目的是当我们前面的图像没办法正常现实的时候他会用alt的属性值显示出来表示图片无法正常显示的原因或者其他。
**注意：绝对路径的斜杠”\“;
相对路径的斜杠：”/“
**
四、链接标签以及锚点标签
链接标签是一个双标签，href是他的必须的属性，其属性值为页面或者链接：
锚点标签的作用是：当我们在浏览页面时不想下滑就直接到达底部，或者反过来我们点击滑到底部就会直接定位到底部：
首先锚点标签是在链接里面的我们要在链接标签中的链接中先写一个#后面写上你想给他赋的名字，然后我们滑到页面底部在这里写任意一个标签只要是字即可在其中加上id属性让其id的属性值等于我们刚才赋的名字，这样我们就能进行锚点定位了。
结合前面所学的其他标签我们可以完成一个简单案例：圣诞节的由来。（其中的文章是我乱写的可以忽略不计）
`
圣诞节那些事
圣诞是怎么由来的
<p>圣诞节的由来非常之长这里不在赘述<br > 时光就像水中的倒影，一晃一学年就过去了，刚入学作为大一
，对一切都还充满新鲜感，经历这一年的沉淀也有了很多收获。
一、学习方面
在上一学期中，除了努力完成自我的学习目标，充实自我，也利用各种活动丰富自己的生活。我
明白学习是学生的基本，所以上学期我将自始至终都将学习摆在第一位，坚持做到不旷课不早退不迟到，珍惜
上课时间。在经过了大一上学期了我也更加明白了，大学的授课已经不在像高中那样填鸭式的，而是一节课讲
述很多知识，老师最多只是提点一下，所以光靠课堂上听是完全不够的，所以我就经常去图书馆，自习室去补充
并深入学习上课所提到的知识，经常会请教同学和老师，在学习的过程中也建立起了良好的同学关系和师生关系
二、生活方面
在平常生活中和舍友们关系良好，在平常生活中相互关心、相互帮助，也能和班里同学们友好相
处，经常会一起结伴在操场上玩游戏。我是一个比较外向开朗的人对待同学热情友善，同时我是一个乐于帮助
他人的人，虽然我并不是班委也不是宿舍长但我依然会在平常生活或组织的活动中帮助大家。对待交朋友这方面我一
直坚信：想要握住别人的手就要自己先伸出手，除此之外我还爱好运动喜欢打羽毛球，经常会和石油用班级同学们一起打羽毛球。
三、实践方面
在课余时间充分利用周围资源除了完善自我的专业知识外我还利用
闲暇时间参加了各种活动，参加了信息院举办的羽毛球比赛必去的了女子单人冠军，参
加了用声音带你看世界活动、心理协会举办的我与小花共成长，画风筝，口罩活动等。参加各种各样
的活动不仅可以丰富自己的生活还可以结交趣多知其相投的朋友 。不仅如此参加活动更加锻炼了我再人际交往方面的能力。
四、学期心得
经过这一学期的加深锻炼在学习上我找到了跟好的学习方式，同时这一学期参加各种活动体改了
人际交往的能力，但同时也发下自己有时说话太过直率，有时换位思考做的不到位，学习知识的能
力还需加强以及社会实践经验多方面的能力还有待加强。
大一是一个适应期也是一个过渡期，总体来说还是过得精彩丰富的，收获也很多，希望自己以后的学习生活
中能过多去反思自己，能够学习更多东西。</p>
<h1 id="peoplecom">圣诞老人的由来</h1><!--这里使用id对目标进行锚点绑定上面奠基石可以快速跳转-->
<p> 时光就像水中的倒影，一晃一学年就过去了，刚入学作为大一，对一切都还充满新鲜感，经历这一年的沉淀也有了很多收获。
一、学习方面
在上一学期中，除了努力完成自我的学习目标，充实自我，也利用各种活动丰富自己的生活。我明白学习是学生的基本，所以上学期我将自始至终都将学习摆在第一位，坚持做到不旷课不早退不迟到，珍惜上课时间。在经过了大一上学期了我也更加明白了，大学的授课已经不在像高中那样填鸭式的，而是一节课讲述很多知识，老师最多只是提点一下，所以光靠课堂上听是完全不够的，所以我就经常去图书馆，自习室去补充并深入学习上课所提到的知识，经常会请教同学和老师，在学习的过程中也建立起了良好的同学关系和师生关系
二、生活方面
在平常生活中和舍友们关系良好，在平常生活中相互关心、相互帮助，也能和班里同学们友好相处，经常会一起结伴在操场上玩游戏。我是一个比较外向开朗的人对待同学热情友善，同时我是一个乐于帮助他人的人，虽然我并不是班委也不是宿舍长但我依然会在平常生活或组织的活动中帮助大家。对待交朋友这方面我一直坚信：想要握住别人的手就要自己先伸出手，除此之外我还爱好运动喜欢打羽毛球，经常会和石油用班级同学们一起打羽毛球。
三、实践方面
在课余时间充分利用周围资源除了完善自我的专业知识外我还利用闲暇时间参加了各种活动，参加了信息院举办的羽毛球比赛必去的了女子单人冠军，参加了用声音带你看世界活动、心理协会举办的我与小花共成长，画风筝，口罩活动等。参加各种各样的活动不仅可以丰富自己的生活还可以结交趣多知其相投的朋友 。不仅如此参加活动更加锻炼了我再人际交往方面的能力。
四、学期心得
经过这一学期的加深锻炼在学习上我找到了跟好的学习方式，同时这一学期参加各种活动体改了人际交往的能力，但同时也发下自己有时说话太过直率，有时换位思考做的不到位，学习知识的能力还需加强以及社会实践经验多方面的能力还有待加强。
大一是一个适应期也是一个过渡期，总体来说还是过得精彩丰富的，收获也很多，希望自己以后的学习生活中能过多去反思自己，能够学习更多东西。</p>
圣诞树的由来
时光就像水中的倒影，一晃一学年就过去了，刚入学作为大一，对一切都还充满新鲜感，经历这一年的沉淀也有了很多收获。 一、学习方面 在上一学期中，除了努力完成自我的学习目标，充实自我，也利用各种活动丰富自己的生活。我明白学习是学生的基本，所以上学期我将自始至终都将学习摆在第一位，坚持做到不旷课不早退不迟到，珍惜上课时间。在经过了大一上学期了我也更加明白了，大学的授课已经不在像高中那样填鸭式的，而是一节课讲述很多知识，老师最多只是提点一下，所以光靠课堂上听是完全不够的，所以我就经常去图书馆，自习室去补充并深入学习上课所提到的知识，经常会请教同学和老师，在学习的过程中也建立起了良好的同学关系和师生关系 二、生活方面 在平常生活中和舍友们关系良好，在平常生活中相互关心、相互帮助，也能和班里同学们友好相处，经常会一起结伴在操场上玩游戏。我是一个比较外向开朗的人对待同学热情友善，同时我是一个乐于帮助他人的人，虽然我并不是班委也不是宿舍长但我依然会在平常生活或组织的活动中帮助大家。对待交朋友这方面我一直坚信：想要握住别人的手就要自己先伸出手，除此之外我还爱好运动喜欢打羽毛球，经常会和石油用班级同学们一起打羽毛球。 三、实践方面 在课余时间充分利用周围资源除了完善自我的专业知识外我还利用闲暇时间参加了各种活动，参加了信息院举办的羽毛球比赛必去的了女子单人冠军，参加了用声音带你看世界活动、心理协会举办的我与小花共成长，画风筝，口罩活动等。参加各种各样的活动不仅可以丰富自己的生活还可以结交趣多知其相投的朋友 。不仅如此参加活动更加锻炼了我再人际交往方面的能力。 四、学期心得 经过这一学期的加深锻炼在学习上我找到了跟好的学习方式，同时这一学期参加各种活动体改了人际交往的能力，但同时也发下自己有时说话太过直率，有时换位思考做的不到位，学习知识的能力还需加强以及社会实践经验多方面的能力还有待加强。 大一是一个适应期也是一个过渡期，总体来说还是过得精彩丰富的，收获也很多，希望自己以后的学习生活中能过多去反思自己，能够学习更多东西
点击查看代码
想知道更多？自己百度
回到顶部 `在这个页面就可以直接实现某些功能，源代码我放在下面：
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>圣诞节的由来</title>
</head>
<body>
<h1>圣诞节那些事</h1>
<!--ol标签是顺序标签在这里我们用顺序标签-->
<ol>
<li id="top">圣诞节是怎样由来的</li>
<li >
<a href="#peoplecom" >圣诞老人的由来</a>
</li>
<!--在跳转链接中我们必须要链接，文字要先变成链接，。并且要用#号来表示我们不跳转到其他页面下面的对应标签填写属性id来进行解说这个链接的信号，-->
<!--这里面使用锚点要注意必须先是链接才能点击而连接里面不需要跳转-->
<li>
<a href="#treecom">圣诞树的由来</a>
<a href="#down">到达底部</a>
</li>
</ol>
<h1>圣诞是怎么由来的</h1>
<p>圣诞节的由来非常之长这里不在赘述<br > 时光就像水中的倒影，一晃一学年就过去了，刚入学作为大一
，对一切都还充满新鲜感，经历这一年的沉淀也有了很多收获。
一、学习方面
在上一学期中，除了努力完成自我的学习目标，充实自我，也利用各种活动丰富自己的生活。我
明白学习是学生的基本，所以上学期我将自始至终都将学习摆在第一位，坚持做到不旷课不早退不迟到，珍惜
上课时间。在经过了大一上学期了我也更加明白了，大学的授课已经不在像高中那样填鸭式的，而是一节课讲
述很多知识，老师最多只是提点一下，所以光靠课堂上听是完全不够的，所以我就经常去图书馆，自习室去补充
并深入学习上课所提到的知识，经常会请教同学和老师，在学习的过程中也建立起了良好的同学关系和师生关系
二、生活方面
在平常生活中和舍友们关系良好，在平常生活中相互关心、相互帮助，也能和班里同学们友好相
处，经常会一起结伴在操场上玩游戏。我是一个比较外向开朗的人对待同学热情友善，同时我是一个乐于帮助
他人的人，虽然我并不是班委也不是宿舍长但我依然会在平常生活或组织的活动中帮助大家。对待交朋友这方面我一
直坚信：想要握住别人的手就要自己先伸出手，除此之外我还爱好运动喜欢打羽毛球，经常会和石油用班级同学们一起打羽毛球。
三、实践方面
在课余时间充分利用周围资源除了完善自我的专业知识外我还利用
闲暇时间参加了各种活动，参加了信息院举办的羽毛球比赛必去的了女子单人冠军，参
加了用声音带你看世界活动、心理协会举办的我与小花共成长，画风筝，口罩活动等。参加各种各样
的活动不仅可以丰富自己的生活还可以结交趣多知其相投的朋友 。不仅如此参加活动更加锻炼了我再人际交往方面的能力。
四、学期心得
经过这一学期的加深锻炼在学习上我找到了跟好的学习方式，同时这一学期参加各种活动体改了
人际交往的能力，但同时也发下自己有时说话太过直率，有时换位思考做的不到位，学习知识的能
力还需加强以及社会实践经验多方面的能力还有待加强。
大一是一个适应期也是一个过渡期，总体来说还是过得精彩丰富的，收获也很多，希望自己以后的学习生活
中能过多去反思自己，能够学习更多东西。</p>
<h1 id="peoplecom">圣诞老人的由来</h1><!--这里使用id对目标进行锚点绑定上面奠基石可以快速跳转-->
<p> 时光就像水中的倒影，一晃一学年就过去了，刚入学作为大一，对一切都还充满新鲜感，经历这一年的沉淀也有了很多收获。
一、学习方面
在上一学期中，除了努力完成自我的学习目标，充实自我，也利用各种活动丰富自己的生活。我明白学习是学生的基本，所以上学期我将自始至终都将学习摆在第一位，坚持做到不旷课不早退不迟到，珍惜上课时间。在经过了大一上学期了我也更加明白了，大学的授课已经不在像高中那样填鸭式的，而是一节课讲述很多知识，老师最多只是提点一下，所以光靠课堂上听是完全不够的，所以我就经常去图书馆，自习室去补充并深入学习上课所提到的知识，经常会请教同学和老师，在学习的过程中也建立起了良好的同学关系和师生关系
二、生活方面
在平常生活中和舍友们关系良好，在平常生活中相互关心、相互帮助，也能和班里同学们友好相处，经常会一起结伴在操场上玩游戏。我是一个比较外向开朗的人对待同学热情友善，同时我是一个乐于帮助他人的人，虽然我并不是班委也不是宿舍长但我依然会在平常生活或组织的活动中帮助大家。对待交朋友这方面我一直坚信：想要握住别人的手就要自己先伸出手，除此之外我还爱好运动喜欢打羽毛球，经常会和石油用班级同学们一起打羽毛球。
三、实践方面
在课余时间充分利用周围资源除了完善自我的专业知识外我还利用闲暇时间参加了各种活动，参加了信息院举办的羽毛球比赛必去的了女子单人冠军，参加了用声音带你看世界活动、心理协会举办的我与小花共成长，画风筝，口罩活动等。参加各种各样的活动不仅可以丰富自己的生活还可以结交趣多知其相投的朋友 。不仅如此参加活动更加锻炼了我再人际交往方面的能力。
四、学期心得
经过这一学期的加深锻炼在学习上我找到了跟好的学习方式，同时这一学期参加各种活动体改了人际交往的能力，但同时也发下自己有时说话太过直率，有时换位思考做的不到位，学习知识的能力还需加强以及社会实践经验多方面的能力还有待加强。
大一是一个适应期也是一个过渡期，总体来说还是过得精彩丰富的，收获也很多，希望自己以后的学习生活中能过多去反思自己，能够学习更多东西。</p>
<h1 id="treecom">圣诞树的由来</h1>
<p> 时光就像水中的倒影，一晃一学年就过去了，刚入学作为大一，对一切都还充满新鲜感，经历这一年的沉淀也有了很多收获。
一、学习方面
在上一学期中，除了努力完成自我的学习目标，充实自我，也利用各种活动丰富自己的生活。我明白学习是学生的基本，所以上学期我将自始至终都将学习摆在第一位，坚持做到不旷课不早退不迟到，珍惜上课时间。在经过了大一上学期了我也更加明白了，大学的授课已经不在像高中那样填鸭式的，而是一节课讲述很多知识，老师最多只是提点一下，所以光靠课堂上听是完全不够的，所以我就经常去图书馆，自习室去补充并深入学习上课所提到的知识，经常会请教同学和老师，在学习的过程中也建立起了良好的同学关系和师生关系
二、生活方面
在平常生活中和舍友们关系良好，在平常生活中相互关心、相互帮助，也能和班里同学们友好相处，经常会一起结伴在操场上玩游戏。我是一个比较外向开朗的人对待同学热情友善，同时我是一个乐于帮助他人的人，虽然我并不是班委也不是宿舍长但我依然会在平常生活或组织的活动中帮助大家。对待交朋友这方面我一直坚信：想要握住别人的手就要自己先伸出手，除此之外我还爱好运动喜欢打羽毛球，经常会和石油用班级同学们一起打羽毛球。
三、实践方面
在课余时间充分利用周围资源除了完善自我的专业知识外我还利用闲暇时间参加了各种活动，参加了信息院举办的羽毛球比赛必去的了女子单人冠军，参加了用声音带你看世界活动、心理协会举办的我与小花共成长，画风筝，口罩活动等。参加各种各样的活动不仅可以丰富自己的生活还可以结交趣多知其相投的朋友 。不仅如此参加活动更加锻炼了我再人际交往方面的能力。
四、学期心得
经过这一学期的加深锻炼在学习上我找到了跟好的学习方式，同时这一学期参加各种活动体改了人际交往的能力，但同时也发下自己有时说话太过直率，有时换位思考做的不到位，学习知识的能力还需加强以及社会实践经验多方面的能力还有待加强。
大一是一个适应期也是一个过渡期，总体来说还是过得精彩丰富的，收获也很多，希望自己以后的学习生活中能过多去反思自己，能够学习更多东西。</p>
<img src="images/2022-10-14 15-09-16.jpg" width="400"title="假装这是圣诞节的图片" border="3">
<p id="down">想知道更多？自己<a href="http://www.baidu.com">百度</a></p>
<a href="#top">回到顶部</a>
</body>
</html>
