这是我参与「第五届青训营 」笔记创作活动的第1天
一、重点内容介绍：
1、什么是前端？ 前端是做什么的
2、前端有哪些技术？详细拆解与分析
3、HTML的标签的学习
二、详细知识点：
1、什么是前端
- 前端是用来解决GUI(图形用户界面）人机交互问题的。
- 前端是可以跨终端的（大前端） 具体体现在，PC段，移动浏览器，客户端小程序， VR， AR等等都可以
- 前端包含了各个方向的Web技术栈
- 前端应该关注美观、体验、兼容、性能、功能、安全、无障碍等各个方面
2、前端技术栈
前端的技术栈主要有html，css， JavaScript三件套
HTML：
- HTML指的是超文本标记语言（HyperText Markup Language），超文本是不仅仅是能展示文字的普通文本，而且可以展示图片，视频，声音，链接等。
- HTML不是一种编程语言，而是标记语言。所谓标记语言，就是他仅仅只是用来做标记的，不需要编译器和IDE就可以运行。
- 任何文本编辑器都可以编写HTML，都可用来制作网页，例如记事本。只要保存时存为.html或.htm格式即可。
CSS：
- CSS指的是级联样式表（Cascading Style Sheet）它是用来进行网页风格设计的。
- 级联样式表可以使人更能有效地控制网页外观、精确指定网页元素位置，外观以及创建特殊效果的能力。
- HTML是网页的骨骼，那么CSS就是网页的血肉。
JavaScript
- 脚本JavaScript定义了网页的行为和运动。
- JavaScript过网络协议与服务器端进行内容请求响应。
三、代码程序（HTML标签）
HTML语法
- 标签由开始标签和结束标签组成
- 开始标签是被括号包围的元素名，结束标签是被括号包围的斜杠和元素名
- 标签和属性一般不区分大小写，推荐小写
- 空标签可以不闭合，比如meta，input。
添加注释格式
<！-- -->
网页标题
- 在网页中设置网页的标题，只要在HTML文件的头部文件的
<title></title> - 输入标题信息就可以在浏览器的上显示
段落标题
- 通过
<h1> - <h6>等标签进行定义的。
媒体标签：
- 图片标签
<img> - 音频标签
<audio></audio> - 视频标签
<video></video>
以下为了方便直接用字母表示
链接标签
- a
段落标签
- p
换行标签
- br
盒子
- div
列表
- 无序ul
- 有序ol
- 自定义dl
表单：
<input type="属性" value="表单">
等等
