这是我参与「第五届青训营」伴学笔记创作活动的第 5 天，今天学习了前端要解决的基本问题，了解了前端的技术栈，以及最为基础的前端技术HTML的基本使用。
前端概述
Web 前端是创建页面呈现给用户的过程，用于解决 GUI 人机交互问题。前端是跨终端的不仅仅是浏览器，还有客户端、小程序等。
前端的技术栈主要有三个：
- HTML：用于定义内容
- CSS：用于定义样式
- JavaScript：用于定义行为
前端通过网络协议与服务器端进行通信，向服务端发送请求，并且接受和处理服务端返回的数据。
前端应该关注的方面有：功能、美观、体验、性能、兼容、安全、无障碍等。
随着技术的发展，逐渐有了越来越多的前端框架，可以更好地帮助程序员进行前端开发。
前端的代码编写和其他代码类似，常用的编辑器有 VSCode、WebStorm 等。
简单的前端程序只需浏览器就可以运行，常见的浏览器有 Edge、Chrome、Firefox、Safari等。有些大型项目可以借助 Node.js 搭建本地服务器运行等。
HTML 概述
HTML 全称 HyperText Markup Language，意为超文本标记语言。
HyperText（超文本）意为“文字之上”的内容，包括图片、链接、表格等，随着 HTML5 的推出，更是有了画布、视频、音频、丰富的表单等各种各样的内容。
Markup Language（标记语言）说明 HTML 使用标记来表示内容，即各种各样的标签以及它们的属性。
HTML 标签
HTML 中的标签是由尖括号 < 和 > 包围起来的，紧跟着 < 之后一个字符串的是标签名称，标签名称后为可选的标签属性，比如：
<img src="photo.jpg" />
标签属性使用 属性名="属性值" 定义，有些属性没有属性值，比如 readonly 和 required，可以不写等号以及后面的内容。标签名称和各个标签属性之间使用需要使用空格、换行、制表符等分开。
标签名和属性名不区分大小写，推荐小写。
属性值推荐使用双引号包裹。
有些标签是成对出现，两个标签内会包含内容，结束标签的标签名和起始标签的标签名相同，结束标签开头需要加上反斜杠 /，结束标签没有属性，所有属性需要写在开始标签上，比如：
<p>text</p>
有些标签是自闭和的，没有结束标签，没有内容，可以在标签末尾加上反斜杠 /，比如：
<img src="photo.jpg" />
语义化
HTML 中的元素、属性以及属性值都有含义，应该遵循语义来编写HTML。
传达内容，而不是样式
HTML 应该被用于传达内容，程序员应该避免使用 HTML 传达样式，否则会产生很多多余的信息。样式应该使用 CSS 进行定义。
