HTML:
HTML基本结构：
一个HTML文档由4个基本部分组成：
① 一个文档声明：!DOCTYPE HTML ：声明这是一个HTML文档
② 一个html标签对：html /html ：整个网页从前者开始到后者结束
③ 一个head标签对：head /head ： 头部，只能定义一些特殊内容
④ 一个body标签对：body /body ： 身体，绝大多数代码在这里编写
head:
一般来说，只有6个标签能放在标签内：
① title：定义网页的标题
② meta：元信息标签，辅助标签，提供的信息不显示在页面中，一般用来定义页面的关键字、页面的描述等。meta标签就是用来告诉“搜索蜘蛛”这个页面是干嘛的。
meta标签有两个重要的属性name和http-equiv。
name属性值 说明
keywords 网页的关键字（关键字可以是多个，而不仅仅是一个）
description 网页的描述
author 网页的作者
copyright 版权信息
http-equiv：
一，定义页面所使用的语言
二，实现页面的自动刷新跳转
③ link：用于外部文件的链接，一般用于链接外部CSS样式表文件和JS文件。
④ style：定义元素的CSS样式。
⑤ script：定义页面的脚本。
⑥ base：为整个页面定义所有链接的基础定位，其主要的作用是为了确保文档中所有的相对URL，都可以被分解成正确的文档地址，使在文档本身被移动或重命名的情况下也可以正确解析。
base 标签用得非常少，可以几乎忽略。
注释：
语法： <!--注释的内容-->
"<!--” 表示注释的开始，“-->”表示注释的结束。
标签：
标题：在HTML中，共有6个级别的标签：<h1>~<h6>
h1重要性最高，依次递减。
一般一个页面只能有一个h1，h2-h6可以有多个（一般而言，习惯）
段落：使用p标签来标记一段文字。
段落标签会自动换行，并且段落与段落之间有一定的空隙
可以用两个 <p></p> 换行，也可以中间加入 <br/> 换行
用 p 换行中间会有一定空隙，br 则不会有空隙
br 用来换行，而 p 用来分段
加粗：可以使用两个标签 <b> 或 <strong>
b 和 strong 标签加粗效果一样，但在实际开发中，尽量使用 strong 标签，strong 标签语义性更强，只要记住 strong 即可。
斜体：<i> 、 <cite> 、 <em>
尽量用 em 标签，其他两个用的极少。
上标： <sup>
如：
<p>(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab</p>
(a+b)2=a2+b2+2ab
将某个数字或文本上标显示，则只要将其括在 sup 里即可。
下标： <sub> 同上标。
大字号与小字号： <big> 、 <small>
大字号标签和小字号标签在实际开发中极少使用，因为这两个标签都是纯样式标签，我们可以用CSS来控制字体的大小。
删除线： <s>
删除线效果一般用于商品标价中
下划线： <u>
在实际开发中，对文本实现下划线效果，我们往往都是使用CSS来实现，可以完全忽略这个u标签。
主要掌握以下标签：
strong（加强） 加粗
emphasized（强调） 斜体
cite（块引用） 斜体
superscripted（上标） 上标
subscripted（下标） 下标
水平线： <hr/> 单独放一行，表示水平线。
div： div标签，主要用来为HTML文档内大块的内容提供结构和背景。
div，即division（分区），用来划分一个区域。
div标签，又称为“区隔标签”。我
们常见的什么“div+css”中的div就是指我们现在学习的div标签。
div标签内可以放入 body 标签的任何内部标签：段落文字、表格、列表、图像等。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>换行标签</title>
</head>
<body>
<!--这是第一首诗-->
<div>
<h3>静夜思</h3>
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>
</div>
<hr/>
<!--这是第二首诗-->
<div>
<h3>春晓</h3>
<p>春眠不觉晓，处处闻啼鸟。</p>
<p>夜来风雨声，花落知多少。</p>
</div>
</body>
</html>中间加 div 和不加 div：
浏览器预览的效果都是一样的，但是在后台代码中却是不一样的，使用div标签划分区域的代码更加具有逻辑性。
空格：
网页空格跟你平常排版的空格是不一样的，你不能在网页代码中按入space键来输入空格
特殊符号：往网页中输入特殊字符，需要在HTML代码中输入该特殊字符相对应的代码。这些特殊字符相对应的代码都是以“&”开头，以“;”(注意是英文分号喔)结束的。
" 双引号（英文） "
‘ 左单引号 ‘
’ 右单引号 ’
× 乘号 ×
÷ 除号 ÷
< 小于号 <
> 大于号 >
& 与符号 &
— 长破折号 —
| 竖线 |一是直接在网页HTML代码中输入该字符，二是用在HTML代码输入该字符所对应的代码（如表所示）。
§ 分节符 §
© 版权符 ©
® 注册商标 ®
™ 商标 ™
€ 欧元 €
£ 英镑 £
¥ 日元 ¥
° 度 °自闭和标签：
（1）一般标签由于有开始符号和结束符号，可以在标签内部插入其他标签或文字；
（2）自闭合标签由于没有结束符号，没办法在内部插入其他标签或文字，只能定义自身的一些属性。
常见的自闭和标签：
1、<meta/>
定义页面的说明信息，供搜索引擎查看。
2、<link/>
用于连接外部的CSS文件或脚本文件。
3、<base/>
定义页面所有链接的基础定位。
4、<br/>
用于换行。
5、<hr/>
水平线。
6、<input/>
用于定义表单元素
7、<img/>
图像标签。块元素和行内元素：
标签又叫“元素”。
HTML元素根据表现形式，可以分为2类：
（1）块元素（block）；
（2）行内元素（inline）；
块元素：
块元素在浏览器默认显示状态下将占据整行，排斥其他元素与其位于同一行。块元素一般为矩形，可以容纳行元素和其他的块元素。
div div层
h1～h6 1到6级标题
p 段落，会自动在其前后创建一些空白
hr 分割线
ol 有序列表
ul 无序列表（1）独占一行，排斥其他元素跟其位于同一行，包括块元素和行内元素；
（2）块元素内部可以容纳其他块元素或行元素；
在这里，所谓的“独占一行”并不是在代码中独占一行，而是在浏览器显示效果中独占一行。
行内元素：
行内元素与块元素恰恰相反。行内元素默认显示状态可以与其他行内元素共存在同一行。
strong 加粗强调
em 斜体强调
s 删除线
u 下划线
a 超链接
span 常用行级，可定义文档中的行内元素
img 图片
input 表单行内元素的特点是：
（1）可以与其他行内元素位于同一行；
（2）行内内部可以容纳其他行内元素，但不可以容纳块元素，不然会出现无法预知的效果；
列表概述：
HTML中，列表共有3种：
①有序列表；②无序列表；③定义列表。
无序列表的所有列表项之间没有先后顺序之分。
有序列表的列表项目有先后顺序之分。
定义列表是一组带有特殊含义的列表，一个列表项目里包含条件和说明两部分。
有序列表：
有序列表从<ol>开始，到</ol>结束，中间的列表项是<li>标签内容。有序列表的列表项是有先后顺序的，一般采用数字或字母作为顺序，默认是采用数字顺序。
<ol>和</ol>标志着有序列表的开始和结束。
<li>和</li>标签表示这是一个列表项。
在有序列表中可以包含多个列表项。
<ol>标签内部不能存在任何其他标签，一般情况下只能存在<li>标签。
默认情况下，有序列表使用数字作为列表项符号，但可以通过type属性来改变其符号。
type属性值 列表项的序号类型
1 数字1、2、3……
a 小写英文字母a、b、c……
A 大写英文字母A、B、C……
i 小写罗马数字i、ii、iii……
I 大写罗马数字I、II、III……type属性实现的效果可以用CSS的list-style-type实现。
比如：<ol type="a"> </ol>
无序列表：
用 <ul> </ul> 做开始和结束。
type属性值 列表项的序号类型
disc 默认值，实心圆“●”
circle 空心圆“○”
square 实心正方形“■”定义列表：
<dl>
<dt>定义名词</dt>
<dd>定义描述</dd>
……
</dl>表格：
表格基本标签：
表格基本标签有：table标签（表格）、tr标签（行）、td标签（单元格）。
<tr>标签和<td>标签都要在表格的开始标签<table>和结束标签</table>之间才有效。
默认表格无边框，在CSS中会学到加入边框。
标题： <caption> 一般位于表格第一行，一个表格只能有一个标题。
表头：<th>一般位于第一行，用来表明这一行或列的内容类别。（粗体和居中显示）
thead、tbody、tfoot 语义句表明头、身、脚。
表单：
表单最重要的作用就是在客户端收集用户的信息，然后将数据递交给服务器来处理。
表单标签：
<form>表单各种标签</form>
action、method、enctype和target属性
一个页面你的表单可能不止一个，为了区分这些表单，我们使用name属性来给表单进行命名。
<form name="表单名称">
……
</form>表单名称中不能包含特殊字符和空格。
提交表单：
action （属性）用于指定表单数据提交到哪个地址进行处理。
表单的处理程序是表单要提交的地址，这个程序地址用来处理从表单搜集的信息。这个地址可以是相对地址，也可以是绝对地址，还可以是一些其他形式的地址。
传送方法：
表单method属性作用是告诉浏览器，指定将表单中的数据使用哪一种HTTP提交方法，取值为get或post。
get 默认值，表单数据被传送到action属性指定URL，然后这个新URL被送到处理程序上
post 表单数据被包含在表单主体中，然后被传送到处理程序上
这两种方式的区别在于，get在安全性上较差，所有的表单域的值直接显示出来。而post除了只有可见的处理脚本程序之外，其他的信息都可以隐藏。所以实际的开发当中通常都选择post这种处理方式。
目标显示方式：
target 用来指定目标窗口的打开方式。
_self 默认值，表示在当前的窗口打开页面
_blank 表示在新的窗口打开页面
_parent 表示在父级窗口中打开页面
_top 表示页面载入到包含该链接的窗口，取代当前在窗口中的所有页面，因此其他所有
编码方式：
enctype 用于设置表单信息提交的编码方式。
application/x-www-form-urlencoded 默认的编码方式
multipart/form-data MIME编码，对于“上传文件”这种表单必须选择该值
一般情况下，采用默认值就行了（即enctype属性不需要设置）。
表单对象：
最常见的文本框、下拉列表都是表单对象。表单对象有3种：① input；②textarea；③select和option。
表单标签就只有4个：<input>、<textarea>、<select>和<option>，其中<select>和<option>是配合使用的
input：
<input type="表单类型"/> 自闭和
文本框text：
<input type="text"/>
属性：
value 定义文本框的默认值，也就是文本框内的文字
size 定义文本框的长度，以字符为单位
maxlength 设置文本框中最多可以输入的字符数
属性的设置没有先后顺序。
如：<input type="text" value="默认文字" size="文本框长度" maxlength="最多输入字符数"/>
密码文本框password：
<input type="password"/>
其他与 text 相同。
密码文本框password仅仅使周围的人看不见输入的文本，但是它并不能真正使得数据安全。为了数据安全，需要在浏览器和服务器之间建立一个安全链接。
单选按钮 radio：
只能从选项列表中选择一项，选项与选项之间是互斥的。
<input type="radio" name="单选按钮所在的组名" value="单选按钮的取值"/>
单选按钮，对于同一个问题，必须设置相同的 name（不然就会两个都可以点选）
加value是为了方便向服务器端传递数据。
复选框 checkbox：
复选框checkbox可以从选项列表中选择一项或者多项。
<input type="checkbox" value="复选框取值" checked="checked"/>
checked属性表示该选项在默认情况下已经被选中。不像单选按钮，对于复选框，一个选项列表中可以有多个复选框被选中。
HTML中的复选框是没有文本的，需要加入label标签，并且用label标签的for属性指向复选框的id。
<input id="checkbox1" type="checkbox" checked="checked"/><label for="checkbox1">苹果</label><br />
<input id="checkbox2" type="checkbox" /><label for="checkbox2">香蕉</label><br />
<input id="checkbox3" type="checkbox" /><label for="checkbox3">西瓜</label><br />
<input id="checkbox4" type="checkbox" /><label for="checkbox4">凤梨</label>一定要记住：复选框是checkbox必须和label标签配合使用的。
button标签：
<input type="button" value="普通按钮的取值" onclick="JavaScript脚本程序"/>
value的取值就是显示在按钮上的文字，onclick是普通按钮的事件。
提交按钮submit：提交按钮可以看成一种具有特殊功能的普通按钮，单击提交按钮可以实现将表单内容提交给服务器处理。
<input type="submit" value="提交按钮的取值"/>
value的取值就是显示在按钮上的文字。
重置按钮reset：重置按钮也可以看成一种具有特殊功能的普通按钮，单击重置按钮可以清除用户在页面表单中输入的信息。
<input type="reset" value="重置按钮的取值"/>
重置按钮只能清除“当前所在form标签”内的表单元素内容。
图片域image：
<input type="image" src="图像的路径"/>
隐藏域hidden：
有时候我们想要在页面传送一些数据，但是又不想让用户看见，这个时候我们可以通过一个隐藏域来传送这样的数据。隐藏域包含那些要提交处理的数据，但这些数据并不显示在浏览器中。
<input type="hidden"/>
我们通过查看HTML页面源代码，是可以看到该元素属性的值的。所以尽量不要使用hidden来传递敏感信息，如密码、手机号码等。
文件域file：
当使用文件域file时，必须在form的标签中说明编码方式“enctype=“multipart/form-data”。
<input type="file"/>
多行文本框textarea：
<textarea rows="行数" cols="列数">多行文本框内容</textarea>
对于多行文本框的默认文字内容，你可以设置，也可以不设置。
如：<textarea rows="8" cols="40">请介绍一下你自己</textarea>
下拉列表：
下拉列表由<select>和<option>这2个标签配合使用。
我们可以把下拉列表看成一个特殊的无序列表。
<select>
<option>选项显示的内容</option>
……
<option>选项显示的内容</option>
</select>select 属性：
multiple 可选属性，只有一个属性值”multiple”。默认情况下下拉列表只能选择一项，当设置multiple=“multiple”时，下拉列表可以选择多项
size 下拉列表展开之后可见列表项的数目
option 属性：
value 选项值
selected 是否选中
selected属性表示这个列表项是否选中，跟单选按钮radio的checked是一样的意思。
button标签：
脱离自闭和 input ，自成标签：<button>文本或图像</button>
button标签可以插入文本或者其他标签，所有内容都是按钮的内容。