HTML是以标签为主的超文本标记语言，标签是这门语言的灵魂。希望这篇笔记能帮助到同为初学的你！
PS:<>为标签，（）为属性，整理顺序按照本人菜鸟教程的学习顺序为主的。
基础
<!DOCTYPE html> 声明为 HTML5 文档<html> 元素是 HTML 页面的根元素<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。<title> 元素描述了文档的标题<body> 元素包含了可见的页面内容<h1>-<h6> 元素定义一个标题<p> 元素定义一个段落<a href="http://www.runoob.com">这是一个链接</a>定义链接target （属性），你可以定义被链接的文档在何处显示id（属性）可用于创建在一个HTML文档书签标记<img src="/images/logo.png" width="258" height="39" />定义图像<br> 标签定义换行<hr> 标签在 HTML 页面中创建水平线<!--这是一个注释，注释在浏览器中不会显示-->注释<b> 定义粗体文本<i>定义斜体字<small> 定义小号字<sub>定义下标字<sup>定义上标字<ins>定义插入字<del>定义删除字<bdo> 定义文字方向<abbr> 定义缩写<address> 定义地址<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接<link> eg:外部样式表<link rel="stylesheet" type="text/css" href="mystyle.css">标签定义了文档与外部资源之间的关系<style> 标签定义了HTML文档的样式文件引用地址<meta>标签描述了一些基本的元数据<script>定义了客户端的脚本文件background-color（属性），定义一个元素的背景颜色font-family（字体）color（颜色）font-size（字体大小）text-align（文字对齐）
图像
<img>图像src源属性的值是图像的 URL 地址alt 属性用来为图像定义一串预备的可替换的文本height（高度） 与 width（宽度）属性用于设置图像的高度与宽度<area>定义图像地图中的可点击区域<map>定义图像地图
表格
<table> 表格<tr> 行<td> 列border(边框)<th> 表头<caption>表格标题colspan（跨行）rowspan（跨列）cellspacing（格间距）cellpadding（格边距）
列表
<ul>无序列表<ol>有序列表，type（属性）可定义排序标志；start（开始位置属性）<li>有序和无序列表项<dl>自定义列表<dt>自定义列表项<dd>自定义列表项的定义
区块
<div> 定义了文档的区域，块级 (block-level)<span> 用来组合文档中的行内元素， 内联元素(inline)
表单
<form>表单标签action（表单数据将被发送到服务器上的位置）<input>输入表单type="text"（属性 表单输入文本域）type="password"（属性 表单输入密码字段）type="radio"例<input type="radio" name="sex" value="male">Male<br>（单选框）type="checkbox" 例 <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>（复选框）checked="checked"复选框的默认选项type="button”（按钮)type="submit"（提交）<select> 定义了下拉选项列表<option>下拉列表选项，selected（预选值）<textarea>定义文本域 (一个多行的输入控件)<fieldset> 定义了一组相关的表单元素，并使用外框包含起来<legend>定义了 <fieldset> 元素的标题
框架
<iframe>定义一个内联的iframeheight 和 width （属性用来定义iframe标签的高度与宽度）frameborder 属性用于定义iframe表示是否显示边框