前端与HTML|青训营笔记
这是我参与「第四届青训营 」笔记创作活动的第1天
前端
1. 什么是前端？
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。
- 解决GUI人机交互问题
- 跨终端{PC/浏览器/客户端/小程序等}
- HTML、CSS、JavaScript、Web技术栈等
2. 核心技术
- HTML：定义元素
- CSS：元素样式
- JavaScript：实现交互
三个核心技术也并非不能互通，有的时候做一些设计，（在我现在遇到的）例如轮播图，可以只使用HTML和CSS便能完成，通过巧妙的设计实现轮播图的互动，避免JS的使用。
除去这三个核心技术，其他还有很多不同技术以及框架等，都是可以在掌握了基础的三样以后去了解的，优先了解Vue或者React框架。
3. 开发环境
- 浏览器：IE、Firefox、Chrome、Safari等
- 编辑器：vscode、Sublime Text、WebStorm等
HTML
1. 什么是HTML？
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
现在HTML最新版本为HTML，它在保持原有的功能上，提炼了人们常用的功能，变成了新标签；简化了很多繁琐的声明代码，让使用者使用起来更加简单。
2. 基本语法
< html>
< head >
< meta charset="UTF- 8＂>
< title >网页标题< ／title >
<／head >
< body >
<／ body>
<／html >
<!DOCTYPE html>标签
位于文档最前面，用于向浏览器说明当前文档使用的HTML版本
< html>标签
标志着HTML文档的开始
< head>标签
用于定义HTML文档的头部信息，封装位于文档头部的标签，例如<title>、<meta>、<link>、<style>等。
< body>标签
用于定义HTML文档呈现的内容，例如文本、图片、音频、视频等。
<！--注释-->注释
对代码进行注释
