这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
前端是什么？
前端就是处理人机交互的工作，在页面功能稳定的情况下美观页面，增强观赏性，然后实现无障碍交流，兼容各个平台，保证数据的安全性，对接C端和B端的客户。
那具体是谁在使用我们写的HTML页面呢？ 开发者、浏览器、搜索引擎、屏幕阅读器等
基础的前端组成部分包括html+css+javascript。前端技术迭代十分快，所以我们要紧跟时代的步伐
HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。
使用 HTML 编写的文件称为“HTML 文档”，一般后缀为.html（也可以使用.htm，不过比较少见）。HTML 文档是一种纯文本文件，可以使用 Windows 记事本、VS Code 等文本编辑来打开或者创建。
<img> 标签表示一张图片；
<a> 标签表示一个链接；
<table> 标签表示一个表格；
<input> 标签表示一个输入框；
<p> 标签表示一段文本；
<strong> 标签表示文本加粗效果；
<div> 标签表示块级布局。
关于前端语义化的好处
方便程序猿编写代码，提高代码的可读性，提高工作的效率。代码之间不再是冰凉凉的字母了。而是有感情的英文单词。
关于HTML的语法说明
<!DOCTYPE html>：这是文档类型声明，用来将文档声明为 HTML 文档（从技术上来说它并不是标签），doctype 声明不区分大小写；
<html> </html>：该标签是 HTML 页面的根标签，其他所有的标签都需要在 <html> 和 </html> 标签之间定义；
<head> </head>：该标签中用来定义 HTML 文档的一些信息，例如标题、编码格式等等；
<meta charset="UTF-8">：用来指明当前网页采用 UTF-8 编码，UTF-8 是全球通用的编码格式，绝大多数网页都采用 UTF-8 编码；
<title> </title>：该标签用来定义网页的标题，网页标题会显示在浏览器的标签栏；
<body> </body>：该标签用来定义网页中我们能通过浏览器看到的所有内容，例如段落、标题、图片、链接等等；
<h1> </h1>：该标签用来定义标题；
<p> </p>：该标签用来定义段落；
<a> </a>：该标签用来定义链接；
<ul> </ul>：该标签用来定义列表；
<li> </li>：该标签用来定义列表项；
<input type="text" />：用来定义一个输入框。
