一、前端
定义：前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。
前端技术：前端设计：一般可以理解为网站的视觉设计
前端开发：网站的前台代码实现，包括基本的HTML和CSS以及JavaScript
二、前端三剑客
html 1.超文本标记语言 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素
2.负责完成页面的结构
3.组成部分：标签：被尖括号包裹，由字母开头包含合法字符的，可以被浏览器解析的标记。eg:系统标签，自定义标签
指令：被尖括号包裹，由!开头的标记。eg:<!doctype html> <!-- -->
转义字符：被&与;包裹的特殊字母组合或#开头的十进制数。eg:< >
4.文件后缀：.html .htm
css 1.级联样式表
2.负责页面的风格设计，样式、美观
3.组成部分：选择器：由标签、类、id单独或组合出现
作用域：一组大括号包含的区域
样式块：满足css连接语法的众多样式
4.文件后缀：.css
JavaScript 1.浏览器脚本语言，可以编写运行在浏览器上的程序
2.
4.文件后缀：.js
三、html
常用字符：1.无语义标签：<div></div><span></span>
2.常用语义标签：<hn></hn> 标题<p></p> 段落<pre></pre> 原文本<br /> 换行<hr /> 分割线
3.文本标签：<i></i> 斜体字<em></em> 斜体字，表示强调<b></b> 粗体字<strong></strong> 粗体字，表示强调(语气更强)<del></del> 删除的文本
<ins></ins> 插入的文本<sub></sub> 下标字<sup></sup> 上标字
<ruby>拼音<rt>pinyin</rt></ruby> 中文注音，h5新增
4.其他标签：<section></section> 块<small></small> 小号字体
标签的分类：1.单/双标签：单标签：单标签在自身标签标识结束，主要应用场景为功能性标签
双标签：双标签有成对的结束标识，主要应用场景为内容性标签
2.行/块标签：行标签：又名内联标签，内联标签自身不具备宽高，通常同行显示
块标签：又名块级标签，块标签拥有自身宽高，通常独自占据一行
3.单一/组合标签：单一标签：单独出现，表示具体的功能或展示具体的内容
组合标签：配合使用，才能产生相应的内容与效果