第一类：工具
ps，编辑器（sublime,dw,adobe...) 浏览器 编辑器的各种插件 浏览器的各种插件 等等
第二类：语言
html 超文本标记语言：
超 文本（图片、视频） 标记（< />单标签 ，<></>双标签) 语言（与浏览器沟通的语言） 结构（毛坯房）
/ 标签的闭合
例：
<html>
<head> //人分为头和身体，网页也分头和身体，头就是head标签，身体就是head标签
<meta charset="utf-8"> //因为html语言是外国人发明的的，不识别汉字 ，所以我们需要翻译
<title>我是头</title>
</head>
<body>
我是身体
</body>
</HTML>
css 层叠样式表 样式（精装房，把毛坯房变成漂亮的房子）
css的语法就是
属性名：属性值； //多个的话用；隔开
为什么叫层叠？因为在<div></div>这个双标签里可以不停的叠加多个属性，类似于盖被子，先盖的看不到，后盖的属性能看到
javascript 脚本语言 行为（智能家电，喊一嗓子灯亮了，或者空调开了，就是用户与网页的交互行为，动态效果）