本文是基于Mac操作系统的，使用的是Sublime Text编辑器。在开始之前，我们先来了解一些Mac系统的快捷键，以提高我们书写代码的效率。在Mac系统中command的键与windows的ctrl键相似，例如command+c（复制），command+v（粘贴），command+/（注释），command+s(

保存)，command+shift+p 打开插件安装入口等。

HTML基本结构

文档声明部分（ 注意文档声明部分不是一个标签，因为它没有闭合）创建HTML标签

创建文档的头部和主体部分

//指定字符集编码为utf-8

网页标题

标签规范

1.标签有单标签和双标签（虽然支持自定义标签但是和空标签一样无意义）

单标签：有一个标签组成，如

双标签：由“开始标签”和“结束标签”两部分构成，必须成对使用，如,

是开始标签，表示一个段落的开始，

是结束标签，表示一个段落的结束

2.标签必须闭合

3.标签可以嵌套

4.标签有属性：属性总是以名称/值的形式出现,例如:name = “value”

属性总是在开始标签中定义.

5.标签不区分大小写：为了书代码的美观，一般建议全部小写

6.文本内容必须要包裹在标签内：为了便于对文字进行样式的设置

7.标签有块级标签和行级标签：块级元素 block 如 divh1p ul li等 会换行 想在同一行显示 需浮动或者display: inline

行级元素 inline 如 a span b 多个可以并排显示 默认设置宽度是不起作用 需设置 display: inline-block或者block才行。