前端三剑客： html、css、JavaScript
html主要就是标签
HTML结构：head、body 在HTML中，一般来说，只有6个标签能放在head标签内。
- （1）title标签：定义网页的标题
- （2）meta标签：定义页面的特殊信息，例如页面关键字、页面描述等，meta标签有两个重要的属性：
- name：
| 属性值 | 说明 |
| keywords | 网页的关键字，可以是多个，而不仅仅是一个 |
| description | 网页的描述 |
- http-equiv：只有两个重要作用：
- 1.定义网页所使用的编码：
- 2.定义网页自动刷新跳转：www.baidu.com"/> 注：在Web技术中，我们一般形象地称搜索引擎为“搜索蜘蛛”或“搜索机器人”。
- （3）link标签：用于引入外部样式文件（CSS文件）
- （4）style标签：用于定义元素的CSS样式
- （5）script标签：用于定义页面的JavaScript代码
- （6）base标签：针对所有的标签起作用
在HTML中，对一些关键代码进行注释，好处有非常多，比如方便理解、方便查找以及方便同一个项目组的小伙伴快速理解你的代码，以便快速修改。
css 主要是样式、选择器、动画
一、引用方式
1.外部样式表，指的是把CSS代码和HTML代码都单独放在不同文件中，然后在HTML文档中使用link标签来引用CSS样式表。 固定的 href="文件路径" />
2.内部样式表，指的是把HTML代码和CSS代码放到同一个HTML文件中。其中，CSS代码放在style标签内，并且style标签是放在head标签内部的。
3.行内样式表跟内部样式表类似，标签的style属性”中定义的。
。。。
，使用行内样式，则每个元素要单独写一遍。
二、元素
1.id属性具有唯一性
2.class，就是“类”为同一个页面的相同元素或者不同元素设置相同的class，然后使得相同class的元素具有相同的CSS样式。（可以有很多个）
3.语法是由3部分组成：
选择器（顾名思义就是选中你想要的元素的方式）
格式：选择器{属性n : 取值n; }
（1）元素选择器 ：选中相同的元素，然后对相同的元素定义同一个CSS样式。
（2）id选择器：id名前面加上“#”，表示这是一个id选择器。唯一的
（3）class选择器：类名前面加上“.”，表明这是一个class选择器。建议使用 ， 可以减少大量重复代码。
（4）后代选择器:选择元素内部中所有的某一种元素，包括子元素和其他后代元素,父元素和后代元素必须要用空格隔开
（5）群组选择器:同时对几个选择器进行相同的操作,两个选择器之间必须要用"," 隔开
属性和属性值
JavaScript 主要就是 方法
Java是一门面向对象的语言，而JavaScript更像是一门函数式编程语言。
静态页面和动态页面的区别在于：是否与服务器进行数据交互。或者简单来说，是否用到了后端技术（如PHP、JSP、ASP.NET）。
想要在HTML中引入JavaScript，一般有3种方式。
- （1）外部JavaScript
- （2）内部JavaScript
- （3）元素事件JavaScript
JavaScript以下7个方面的语法。
（1）常量与变量
变量由字母、下划线、”；变量不能是系统关键字和保留字。
所有JavaScript变量都是由var声明；一个var也可以同时声明多个变量名，其中变量名之间必须用英文逗号（,）隔开；常量名全部大写
（2）数据类型
数据类型可以分为两种：一种是“基本数据类型”：数字（int、float）、字符串（单引号括起来的字符串中，不能含有单引号，只能含有双引号。）、布尔值（选择结构的条件判断）、未定义值（已经用var来声明但没有赋值的变量，值都是undefined）和空值（空值用null）；另外一种是“引用数据类型”：数组、对象
（3）运算符：见“关键字图表”
（4）表达式与语句：语句就是“JavaScript的一句话”，而表达式就是“一句话的一部分”。
（5）类型转换
Number()方法可以将任何“数字型字符串”转换为数字。parseInt()和parseFloat是提取“首字母为数字的任意字符串”中的数字，其中，parseInt()提取的是整数部分，parseFloat()不仅会提取整数部分，还会提取小数部分。
数字加上字符串，系统会将数字转换成字符串；a.toString()表示将a转换为字符串
（6）转义字符
-
（1）如果是在document.write()中换行，则应该用：
-
（2）如果是在alert()中换行，则应该用：\n
（7）注释
//单行注释；/* 多行注释 */
