这是我参与「第四届青训营」笔记创作活动的的第1天。今天复习了前端的一些概念和学过的HTML知识，顺便写写笔记巩固一下自己的知识框架

前端与HTML

目录(学习完今天的内容我能够说出什么)

什么是前端？
网页的基本组成。
常用的浏览器和编辑器。
什么是HTML？

什么是前端？

老师在上课的开始解释了前端工程师是什么。

一句话总结就是——前端工程师是使用Web技术栈解决多端图形界面交互问题的工程师。

然后我通过下面的PPT对前端也有了一些更深了解。

但是我还是有所疑问，于是我上网查了很多资料，整理成下面的这一段话。我觉得下面的这一段引用是从另一个方面的对前端的理解。

前端，又称Web前端。 是指计算机Web应用程序（网站）的前台页面，在我们打开一个网站所看到网页界面的内容以及交互体验，一般都是由前端工程师进行开发设计的页面，该内容属于前端部分。

前端核心技术主要有HTML、CSS、JavaScript（JS），一些延伸拓展有小程序技术、vue.js框架等等。

想要真正弄懂前端，那么还需要再理解一下后端，因为这两者是相对，也是相辅相成才形成一个网站程序。前端要用到的动态数据（或API数据），是由后端开发提供的。后端开发一般会采用PHP、JAVA、Python等其中一种开发语言，以及数据库技术。

比如： 使用小程序开发者工具开发的这一部分代码，是属于前端部分。小程序开发是前后端分离的，前端获取动态数据是通过后端的API进行请求。

网页的基本组成。

网页是构成网站的基本元素，它通常以图片，链接，文字等元素组成，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。

我们平常看到的网页是结构，表现和行为共同作用的结果。

Web标准提出了最佳体验方案：结构，样式，行为相分离。

结构写到HTML文件，表现写到CSS文件，行为写到JavaScript文件中。具体怎么实现我们后面学习到后面可以了解到。

可以理解成HTML组成身体，CSS负责外观装饰，JS负责行为和动作。

其中HTML最为重要。

常见的浏览器和编辑器

浏览器读取HTML文件然后将它显现出来(通过Web标准)。浏览器不同，它们显示的页面和排版就有些许差异。

而编辑器就是我们程序员写前端代码的地方，包括HTML,CSS,JavaScript等。

下面是常见的浏览器和编辑器，我使用的是Chrome浏览器和VScode编辑器。

什么是HTML？

基础了解

1.HTML的全称是HyperText Markup Language(超文本标记语言)

2.HTML文件常见后缀名有

.htm和 .html

二者没有区别

3.HTML不是一种编程语言，只是一种标记语言

4.HTML文档包含了HTML标签和文本内容

HTML语法规范

HTML使用HTML标签来把文本内容以指定的形式展现出来。

其中，Emmet语法大大简化了HTML文件的编写。

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
有些特殊的标签必须是单个标签（极少情况）,例如<br/>换行符
HTML标签可以是包含关系也可以是并列关系，共两个关系

下面来一个HTML文件的实例:

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>我的网页</title>
 </head>
 <body>
     <!-- 下面两个标签是并列关系 -->
     <p>这是一个段落</p>
     <h1>这是一级标题</h1>
     <!-- 下面两个标签是包含关系 -->
     <div>
         <p>这是一个盒子里面的段落</p>
     </div>
 </body>
 </html>