1.html的基本语法
1.1 html语言：
HTML是“HyperText Mark-up Language（超文本标记语言）”的缩写。表示网页信息的符号标记语言。
可以设置文本的格式，如标题，字号文本颜色，段落等。也可以创建列表，插入图像和媒体，建立表格，建立超链接，实现页面跳转。
1.2 html的标签和属性：
标签的语法格式：所有标签都是由一对尖括号和标签名构成，并分为开始标签和结束标签。属性用于控制内容如何显示。
< 标签名称 属性=“属性值” 属性=“属性值” ……> …< /标签名称>
1
1
1.3 文档注释：
< !–要注释的内容–>
1
1
1.4代码格式：
空格键和回车键在网页中不起任何作用，只是为了让代码清晰可读，缩进时以tab进行缩进。
2.html的基本结构
2.1 基本结构：
整个html文件可以分为两层，一层是外层，由< html> 和< /html> 标签对来标识；另外一层是内层，用于实现html文件的具体功能。根据实现功能的不同，又可以将内层细分为两个区域，即头部区域和主体区域。< head> < /head> 标签和< body> < /body> 标签。
它的基本结构如下：
在这里插入图片描述
2.2 页面的头部标签：
页面的头部标签是指由< head> < /head> 标签所包含的部分，主要用于设置当前网页的页面标题，字符集，关键字，描述信息等内容，一般头部的内容都不会在网页上直接显示。
常用的头部标签：< title> ,< meta>
< title> 标题内容< /title> ,显示在浏览器窗口的左上边。
在这里插入图片描述
2.3 页面的主体标签：
< body> 标签封装了页面的主体内容，使用< body> 标签，还可以设置页面背景，页面文字颜色，页边距等页面属性。
2.3.1 设置网页正文颜色和背景颜色：
基本语法：< body bgcolor=”颜色值” text=”颜色值”>
排序按字母顺序
< !–…–> 定义注释。
< !DOCTYPE> 定义文档类型。
< a> 定义锚。
< abbr> 定义缩写。
< acronym> 定义只取首字母的缩写。
< address> 定义地址元素。
< applet> 不赞成使用。定义 applet。
< area> 定义图像映射内部的区域。
< b> 定义粗体字。
< base> 定义页面当中的所有链接的基准链接。
< basefont> 不赞成使用。定义基准字体。
< bdo> 定义文字显示的方向。
< big> 定义大号字。
< blockquote> 定义长的引用。
< body> 定义 body 元素。
< br> 插入一个回车（折行）。
< button> 定义按钮 (push button)。
< caption> 定义表格标题。
< center> 不赞成使用。定义居中文本。
< cite> 定义引用(citation)。
< code> 定义计算机代码文本。
< col> 定义用于表格列的属性。
< colgroup> 定义表格的列组。
< dd> 定义定义的描述。
< del> 定义被删除文本。
< dir> 不赞成使用。定义目录列表。
< div> 定义文档中的节。
< dfn> 定义定义的项目。
< dl> 定义定义列表。
< dt> 定义定义的项目。
< em> 定义强调文本。
< fieldset> 定义域结构。
< font> 不赞成使用。定义文字的字体、尺寸和颜色。
< form> 定义表单。
< frame> 定义框架的子窗口。
< frameset> 定义框架集。
< h1> to < h6> 定义标题 1 到标题 6。
< head> 定义关于文档的信息。
< hr> 定义水平线。
< html> 定义 html 文档。
< i> 定义斜体字。
< iframe> 定义内联框架。
< img> 定义图像。
< input> 定义输入域。
< ins> 定义被插入文本。
< isindex> 不赞成使用。定义单行的输入域。
< kbd> 定义键盘文本。
< label> 定义针对表单控件的标签。
< legend> 定义框架集的标题。
< li> 定义列表的项目。
< link> 定义资源引用(resource reference)。
< map> 定义图像映射。
< menu> 不赞成使用。定义菜单列表。
< meta> 定义元信息。
< noframes> 定义无框架的节。
< noscript> 定义无脚本的节。
< object> 定义内嵌对象。
< ol> 定义有序列表。
< optgroup> 定义选项组。
< option> 定义下拉列表中的选项。
< p> 定义段落。
< param> 定义用于对象的参数。
< pre> 定义预格式文本。
< q> 定义短的引用。
< s> 不赞成使用。定义加删除线的文本。
< samp> 定义计算机代码样本。
< script> 定义脚本。
< select> 定义选择列表。
< small> 定义小字体文本。
< span> 定义文档中的节。
< strike> 不赞成使用。定义加删除线文本。
< strong> 。 定义强调文本。
< style> 定义样式的定义。
< sub> 定义下标文本。
< sup> 定义上标文本。
< table> 定义表格。
< tbody> 定义表格的主体（部分）。
< td> 定义表格单元。
< textarea> 定义文本区域。
< tfoot> 定义表格的页脚（脚注）。
< th> 定义表格的页眉（表头单元格）。
< thead> 定义表格的标题。
< title> 定义文档的标题。
< tr> 定义表格的行。
< tt> 定义打字机文本。
< u> 不赞成使用。定义下划线文本。
< ul> 定义无序列表。
< var> 定义变量。
< xmp> 不赞成使用。定义预格式文本
顾名思义，这是一个模板。比如需要ajax刷新一个列表，以前的做法是后端生成html返回，或者前端用DOM构建后加入，但现在有了template标签，html的架构就不需要程序管了，只需要在特定的位置加入ajax请求到的数据即可，比如img的src或者其他text之类的，然后clone这个DOM，加入列表。其实许多人以前也应该做过类似的事情，把一段html隐藏起来，然后clone它并修改里面的属性或者内容，得到一个DOM，加入列表并显示，用来刷新ajax列表。