前端三大利器概述
学习前端，不得不学习前端中的三大利器：html + css + javascript。那么这三个组件分别起到什么作用呢？以人体为例，单单具有html属性的人，只是一个裸体的人偶(理解成充气娃娃加工的第一步也 行...好邪恶)。这个时候无疑很丑陋，因此需要给这个人偶穿上华丽的外衣，也就是CSS。通过CSS来对这个人的外貌特征、服装色彩进行装饰。装饰之 后，OK，基本上可以看了，但是还是缺少了一点人类的基本特征：灵动性。那么js就出马了。js赋予这个人偶能动的机制。比如，当你吻人偶时，它会拥抱 你。当你给人偶挠痒痒时，它会呵呵直笑。当你XXXX时，它会亚麻跌...好吧，又邪恶了......其实就是这么个意思：html是裸露的人体结 构，css是人华丽的外衣，js是人交互的灵魂。学会这三大利器，你的前端页面，就能实现各种狂拽炫酷吊炸天的特效和交互效果，完成各种需求了。
HTML概述
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标 准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户 界面。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。
HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等， 也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素（如），浏览器使用HTML标签和脚本来诠释网页内容，但不会 将它们显示在页面上。
HTML可以嵌入如JavaScript的脚本语言，它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表（CSS）来定义文本和其 它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟（W3C）鼓励人们使用CSS替代一些用于表现的HTML元素。
1.HTML基本结构 HTML代码块基本分为三大部分，外加声明部分。其中声明部分不是必须的。
{{ title }} - 锐客网
2.HTML标签 从上面的html基本三大部分来看，会发现好多<>的标签，这些标签就是HTML中最重要的元素：标签。
标签从写法上，可以分为：自闭合标签和闭合标签。
2.1.自闭和标签和闭合标签 【前端|前端 HTML基础】自闭合标签和闭合标签的区别就是，自闭合标签不是成对出现的，本身会进行闭合。比如：以"/"进行自我闭合。而闭合标签则比如:成对出现来闭合。
常见的闭合标签：||
常见的自闭合标签：
文章图片
table标签 table标签用来定义HTML表格。
- 用来定义标题
- tr 表示一行
- td 表示一列
- th 用来取代td，实现自动加粗功能
- 表格主体内容写在tbody中
- 表格底部，也可以不写内容
一个完整的table格式应该如下：
标题1
标题2
3
4
3
4
结尾1
结尾2
table中的td/th标签常用rolspan和rowspan属性来合并单元格。
fieldset标签 该标签主要用来装饰form表单。