1.开发工具:

eclipse、MyEclipse、Dreamwaver、WebStorm（大神工具）

2.网页组成:

HTML ：网页的具体内容和结构
CSS ：网页的样式（美化）
JavaScript ：网页

3.WebStom :快捷键

注释： ctrl + /
格式化代码：ctrl + alt + l
代码块右移：tab
代码块左移：tab + shift

4.网页尺寸：

使用px表示

5.常用的标签：

标题 ：h1
段落 ：p
换行 ：br
超链接 ：a
图片：img
输入框 ：input
容器 ：div、span
列表 ：ul、ol、li

6.HTML5新增标签 :

结构性标签
article 文章主体内容
header 标记头部区域内容
footer 标记尾部区域内容
section 区域章节表述
nav 菜单导航，链接导航

块级性标签
aside 注记
figure 对多个元素组合并展示的元素，常与figcaption联合使用
code 表示一段代码块
dialog 人与人之间的对话 （dt表示说话者 dd说话的内容）
行内语义标签（完成Web页具体内容的引用和表述，丰富展示内容）
meter 特定范围内的数值 （工资、数量、百分比）
time 时间值
progress 进度条 可使用max min step进行控制，完成对进度条的表示和监听
video 视频元素
audio 音频元素

交互性标签
detail 表示一段具体的内容，默认不显示，交互时才显示
datagrid 控制客户端数据与显示，可用于动态脚本及时更新
menu 用于交互菜单
command 用来处理命令按钮

7.HTML标签类型 ：

根据显示类型分主要是3大类
块级标签
独占一行的标签
能随时设置宽度和高度（比如div、p、h1、ul、li）

** 行内标签**（内联标签）
多个标签能够显示在同一行
宽度、高度取决于内容（比如span、a、label）

行内-块级标签（内联-块级标签）
多个行内-块级标签可以显示在同一行
能够随时设置宽度和高度（比如input、button）

8.修改标签的显示类型

CSS中有个display属性，能修改标签的显示类型
none：隐藏标签
block：让标签变为块级标签
inline：让标签变为行内标签
inline-block：让标签变为行内-块级标签