这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
本堂课带领我们认识了前端，讲解了前端的技术栈，以及一些基本的HTML语法
前端技术栈
前端技术栈包括HTML、CSS、JavaScript，以一个网页举例，在我看来，一个网页需要有基本的内容，其中可以是标题、文章、链接亦或者图片。网页的内容通过HTML展示，但是光将内容展示出来是远远不够的，为了能够将内容展示的好看，我们可能会对内容的排版、大小、颜色等等做出调整，网页便是通过CSS来进行修改的，有了HTML和CSS，一个好看的静态网页便做出来了，而网页中的交互功能则是由JavaScript来完成的。
什么是HTML
HTML是 HyperText Markup Language的缩写，即超文本标记语言。其中超文本与普通文本不同，超文本还会包括图片、标题、链接和表格等等；标记语言则是HTML的语言形式，HTML语言中有许多标签来表示不同的超文本，比如段落是
<p>这是一个段落</p>
标题是
<h1>这是一个标题</h1>
标签通常是成对出现的，即有结束标签，比如段落标签结束是
</p>
标题标签结束是
</h1>
HTML语法
- 标签和属性不区分大小写，但推荐小写
- 空标签可以不闭合，如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，如required、readonly
HTML常用标签
标题标签，h1~h6，h1表示一级标题，h2表示二级标题。
<h1>一级标题</h1>
<h2>二级标题</h1>
<h3>三级标题</h1>
<h4>四级标题</h1>
<h5>五级标题</h1>
<h6>六级标题</h1>
列表标签，ol、ul，列表中每一项用li包裹
有序列表ol(ordered list,有序列表)，如某个班级的成绩排名应该是有序的从高到低排列，则需要在每一个成绩前面加一个序号
- 100分
- 99分
- 98分
<ol>
<li>100分</li>
<li>99分</li>
<li>98分</li>
</ol>
无序列表ul(unordered list,无序列表)，如我喜欢吃的水果有苹果、香蕉、梨子，只需将其列出来，没有顺序
- 苹果
- 香蕉
- 梨子
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>梨子</li>
</ul>
链接标签a(anchor)，属性href即想要跳转的页面，比如我们想要跳转到掘金
<a href="https://juejin.cn/">掘金</a>
图片标签img，src为图片路径，alt属性为当图片显示不出来时的文本信息
<img src="" alt="error" />
其他常用的标签还有表单的一些标签等等，div和span标签很重要，也是以后经常会遇到的，但是由于太重要，我想在后面CSS的笔记中写一些关于div和span标签的内容，更加详细的内容可以查阅相关资料了解，就不一一列举了。 以上便是我的笔记，通过这些标签，我们可以将网页的一些内容表示出来，但是光这样的话还远远不够，为了让网页更加好看，我们还需要修改网页的样式，这便是后面的CSS的内容了。
