<!DOCTYPE> //声明文档类型
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。 例如： <!DOCTYPE html> //HTML 5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> //HTML 4.01 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> //XHTML 1.0 Strict
<html>
此元素可告知浏览器其自身是一个 HTML 文档。 <html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。 xmlns 属性在 XHTML 中是必需的，但在 HTML 中不是。不过，即使 XHTML 文档中的 <html> 没有使用此属性，W3C 的验证器也不会报错。这是因为 "xmlns=http://www.w3.org/1999/xhtml" 是一个固定值，即使您没有包含它，此值也会被添加到 <html> 标签中
<head>
标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。 文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
<meta charset="UTF-8"> //规定 HTML 文档的字符编码。<meta> 元素表示那些不能由其它HTML元相关元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元数据信息.
扩展：
元数据是用来描述数据的数据
百度百科：
元数据（Metadata），又称中介数据、中继数据，为描述数据的数据（data about data），主要是描述数据属性（property）的信息，用来支持如指示存储位置、历史数据、资源查找、文件记录等功能。元数据算是一种电子式目录，为了达到编制目录的目的，必须在描述并收藏数据的内容或特色，进而达成协助数据检索的目的。
的数据。
元数据是关于数据的组织、数据域及其关系的信息，简言之，元数据就是关于数据的数据。
<title>Document</title> //定义标题
<link rel="stylesheet" type="text/css" href="theme.css" />
rel=“stylesheet ” 属性规定当前文档与被链接文档之间的关系。通常出现在link标签，a标签
Stylesheet -- 定义一个外部加载的样式表 ，即引入 css
type="text/css"
定意引用的文档类型为CSS样式
href="theme.css" //规定被链接文档的位置（URL）
扩展：
绝对 URL - 指向另一个站点（比如 href="http://www.example.com/theme.css"）
相对 URL - 指向站点内的某个文件（href="/themes/theme.css"）
绝对路径：文件在硬盘上的真实路径
相对路径：相对于另一个文件的本文件的路径
例如
绝对路径：
C:UsersAdministratorDesktop11.21
相对路径
../ //上一级文件夹
../../ //上上级文件夹
例如
../11.21==Desktop
../../11.21==Administrator
input的name属性
name 属性规定 input 元素的名称。 name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。 注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。