这是我参与「第四届青训营 」笔记创作活动的第1天，在今天我回顾了前几天的内容，并且整理出来作为一个框架笔记，前端有三种语言组成，分别为HTML，CSS和Javascript，今天是我进入青训营的第一天，今天我们跟着老师学习了HTML，总体来说，HTML给我的难度不是很大，但是很多标签以及概念需要自己记住和应用，HTML指的是超文本标记语言，它是用来描述网页的一种语言。一个完整的网页是由网页元素组成的，这些元素是利用html的标签体现出来的。也就是说，我们所看到的网页上各种显示出来的对象，其实都是用一系列标签元素加以修饰所展现出来的，在练习HTML的时候，我们能很快见识到不同标签的作用以及用法，但我们必须熟悉他的整体结构和基础概念。 在一个HTML程序中，标签是页面中的最大标签。是文档的头部，里面的title我们必须要设置。以及标签，一个HTML的主要内容在body里面体现，也是我们主要编码的范围，在body标签下，我们可以再次用许多非常有用的标签来美化我们的页面比如说
标签，可以将文章分为若干段落，一个完整的HTML网页通常要用数个标签，我在练习的过程中也可以记忆便于后续使用，以下是我根据上课教学的内容写的代码
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}.city {
background-color: tomato;
color: white;
padding: 10px;
</style>
</head>
<body style="background-color: rosybrown;">
<a href="辅助网页.html#down">有用的提示锚点</a><br>
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a><br>
<a href="辅助网页.html" target="hello">点击跳转</a>
<a href="#down">回到底部</a>
<sub>subscript</sub>
<p>
锚链接
</p>
<a name = "top">顶部</a>
<h4>单元背景：</h4>
<table border="1">
<tr>
<td bgcolor="red"rowspan="40">First</td>
<td >Row</td>
</tr>
<tr>
<td
td bgcolor="blueviolet">
Second</td>
<td>Row</td>
</tr>
</table>
<h4>字母列表：</h4>
<ol type="A">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
<a href="#top">回到顶部</a>
<h1 id="myHeader">我的城市</h1>
<!-- 拥有相同类名的多个元素 -->
<h2 class="city">上海</h2>
<iframe src="https://blog.csdn.net/qq_45824115/article/details/119653545"name="hello"
frameborder="1"width="1000px"height="800px"scrolling="yes"></iframe>
<a name="down">回到底部</a>
</body>
</html>
效果：
在本次练习中，我使用了数个标签使得页面变得更加美观，也学习了链接的多种方式，
比如说img图片链接，在href里面添加#比如回到顶部的锚链接模式，都可以使得网页的可玩性大大提升，以及网页iframe的内联网页，都让我发现了前端的乐趣，除了分段我还使用了，
