1 HTLM 的概念
HTML（Hypertest Marked Language），既超文本标记语言，是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档成为HTML文档，它能独立于各种操作系统平台。通过HTML，将所需要表达的信息按照某种规则写成HTML文件，通过专用浏览器来识别，并将这些HTML一种能够被广泛理解的语言，‘翻译’成可以识别的信息，即所有的计算机都能够理解的一种用于出版的“母语”，就是我们现在见到的网页。
自1990年以来 HTML就是一直被用作 Wide Web的缩写，也可简写WEB，中文叫做万维网）的信息表示语言，用于描述Homepage的格式设计和它与WWW上其他Homepage的连接信息。使用HTML语言描述的文件需要通过WWW浏览器显示出效果。
HTML（超文本标记语言）是一种建立网页文件的语言，透过标记是的指令（Tag），将影像、声音、图片、文字、动画、影视等内容显示出来。因为它可以从一个文件跳转到另外一个文件，与世界各地主机的文件连接。超文本传输协议规定了浏览器在运行HTL文档时所遵循的规则和进行的操作，HTTP协议的指定使流浪其在运行超文本时有了统一的规则和标准
2 HTML 的组成：
html 的开头一般为<!DOCTYPE html> 声明解析类型，推荐使用该类型，其他类型还有很多
head标签部分相当于人的大脑，除了title之外的标签，其他标签都看不到。
head标签里面的内容有：
<meta charset="UTF-8"> 编码设置
<meta http-equiv="Refresh" content="3"> 本页面3秒刷新一次
<meta http-equiv="Refresh" content="3:Url="> 跳转到百度
<meta name="description" content="……">描述
<meta name="keywords" content="……">关键字
<meta http-equiv="X-UA-COMTATIBLE" content="IE=IE9;IE=IE8" /> 先找IE9，再找IE8
<link rel="shortcut icon" href=""> 在标题前加图标，rel的内容不能乱改变
<style type="test/css"></style> 该标签用于为HTML文档定义样式信息。type属性是必须的，定义style元素的内容。唯一可能的值是"test/css"
head标签里的内容还有很多，以后再慢慢添加。
接下来看看body标签，body标签中有很多东西。
1 p标签表示段落，默认段落之间是有间隔的，也就是在两个段落之间有空行。
2 br标签 它的作用是换行，可以写成<br>,也可以写成<br/>，一般写成<br/>
<br>元素是一个空的HTML元素，由于关闭标签没有任何意义，因此它没有结束标签。
3 HTML 标题
HTML标题（Heading）时通过<h1> - <h6>等标签进行定义的。h1定义最大的标题。h6定义最小的标题。浏览器回自动在标题的前后添加空行。
标题很重要。确保HTML标题只用于标题，不能用于他处，不要仅仅时为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题为网页的结构和内容编制索引。
4 <hr>标签在HTML页面中创建水平线。它可用于分割内容。
结果如下：
5 HTML 注释
可以将注释插入HTML代码中，提高了其可读性，使代码更容易被人理解。浏览器回忽视注释，也不会显示它们。
注释写法如下：<!-- 这是一个注释 -->
6 HTML 段落
段落是通过<p>标签定义的。
<p>这是一个段落</p>
注意：无法确定HTML被现实的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。所以无法通过在HTML代码中添加额外的空格或换行来改变输出的结果。
当页面显示时，浏览器会移除源代码中多余的空格和空行，所有连续的空格或空行都会被算作一个空格。空元素也需要关闭，比如<br/>，是关闭空元素的正确方法。
HTML提示：使用小写标签，虽然HTML标签对大小写不敏感。
7 span标签
作用：用来组合文档中的行内元素。暂时认为没有啥效果。又称白板标签，在css中，可以把白板变成任何一个标准
8 <div> 可定义文档中的分区或节（division/section），可以把文档分割为独立的、不同的部分。如果用id或class来标记<div>,那么该标签的作用会变得更加有效。
class 和id 一般只应用其中一种，class用于元素组，而id用于标识单独的唯一的元素。
标签之间能进行嵌套
这种标签存在的意义：页面的动态效果出来以后，要对页面上的某个文本进行css和js的操作，标签里面可以写属性，方便进行css和js操作
9 <input> 该标签是一个自闭和标签，所有在标签最后面最好加上 /, 写法为<input / >
作用：用于收集用户信息。
根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的本文控件、单选按钮、按钮等等
input标签中的类型：
test 默认值
radio 单选框
此时可以通选择这两个选项，那如何做到单选，在后面加个name属性就可以，而且两者的name要一样
那如何搞个默认值和往后台发数据呢
添加属性value，就可提取这个值；添加属性checked，就可以设置默认值
多选框checkbox
checked默认值可以写多个
上传文件file
enctype 这个属性表示你的本地的文件需要一点一点的发送给服务器
重置
10 <form> 表单标签配合action属性，告诉你提交的数据到哪里
action:指定你需要发送的后台的url
method:你提交的表单需要用到什么方法，有POST和GET，如果不写method方法，默认的是GET请求方法。
这两者的区别：POST方法请求的参数在body中，而GET方法请求的参数在head中
点击按钮后，会把输入的数据整合成一个类似字典类型的数据{'fname':,'lname':},然后再提交到后台
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery