HTML = 超文本标记语言 超文本 = 页面内可以有非文本内容
HTML是建立网页文件的语言
文件后缀名为.htm .html
1 基础语法
1.1 标签
HTML标记是由 < 和 > 所括住的指令标记，用于向浏览器发送标记指令。
主要分为：单标记指令、双标记指令（由＜起始标记>内容 ＜／结束标记＞构成）。
HTML语言使用标志对的方法编写文件，既简单又方便。它通常使用<标志名>内容</标志名>来表示标志的开始和结束，因此在HTML文档中这样的标志对都必须是成对使用的。
为了便于理解,将HTML标记语言大致分为:基本标记、格式标记、文本标记、图像标记、表格标记、链接标记、表单标记和帧标记等。
1.2整体结构
HTML的内容都是由一对一对的标签组成，标签不能混乱，页面有页面的整体架构和规则，标签和标签之间有需要正确嵌套。通常一个HTML网页文件包含3个部分：标记头区 <HEAD>......</HEAD>、 内容区<BODY>.....</BODY> ，网页区 <HTML>.......</HTML>。
link：引入css文件
script：引入js文件或编写js代码
title：定义文档的标题 （位于head内时，是唯一要求包含的）
body：主体部分，大部分的显示内容存储的地方
2 常用标签
HTML页面是由标签组成，不同的标签浏览器对其进行不同样式和内容的渲染，我们需要记忆常用的标签即可。大致可分为如下几类:标题、水平线、段落、换行、图片、表格、超链接、列表、表单、下拉列表、div和span等。
2.1标题
h1- h6标签可定义标题，标题依次递减，由于h元素拥有确切的语义，因此请慎重地选择恰当的标签层级来构建文档的结构。请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。
h999这样的标签不产生错误，但是不具有标题的效果。
h1标签可以为搜索引擎获取，便于页面在被搜索的时候检索到，但是一个页面最好只有一个h1标签，否则可能进入搜索引擎的黑名单。
2.2 段落换行
p标签定义段落
br标签为换行符号 ，是空标签
2.3 列表
无序列表：ul和li标签组成
有序列表：ol和li标签组成
2.4 div和span
div是一个块级元素，通常与css配合使用，用于布局。默认占全部的宽度，按内容分配高度，可自动设置高宽。
div标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
div是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是div固有的唯一格式表现。可以通过div的class或id应用额外的样式。
span标签被用来组合文档中的行内元素，span没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。
2.5 格式化标签
font：规定文本的字体、字体尺寸、字体颜色
pre：定义预格式化的文本
文本标签：b(粗文本)、i(斜体文本)、u(下划线文本)、del(中划线文本)、sub(下标文本)、sup(上标文本)
3.1 a标签
a标签定义超链接,用于从一张页面链接到另一张页面。
a元素最重要的属性是href属性,它指示要链接的目标位置,同时没有href属性a标签内的内容与普通文本没有区别,也就失去了超链接的功能。
若是想要跳转到当前页面,那么href的值为#。被链接页面通常显示在当前浏览器窗口中,除非规定了另一个目标(target属性)。（可做锚点）
3.2 图片
img：嵌入图像 alt：规定图像的替代文本 src：规定图像的URL
align：规定图像排列 border：规定图像边框 height：高 width：宽 title：文本
3.3 表格
table 标签定义HTML表格。
tr 标签定义表格的行。tr元素包含一个或多个th或td元素
td 标签定义HTML表格中的标准单元格。
th 定义表格内的表头单元格。th元素内部的文本通常会呈现为居中的粗体文本，而ta元素内的文本通常是左对齐的普通文本。
简单的HTML表格由table元素以及一个或多个tr、th、或td元素组成。
理解：table相当于一个表格的外框，tr为行，td为一个一个单元格，th为有标题作用的单元格，th中的内容同时有加粗的效果。