HTML（标记 标签 属性）

HTML

1. 概述：
   HTML是英文 HyperText Markup Language 的缩写，它的意思是"超文本标记语言"，用它编写出文档的文件的扩展名是“.html”或“.htm”（微软的操作系统），是可供浏览器解释浏览的文件格式。你可以使用记事本，写字板或者是专业的IDE如：Dreamweaver等等编辑工具来编写HTML文件。

   HTML标记两端有两个符号“<”和“>”,这两个符号称为角括号。html标签通常是成对出现的，比如“< html >”和“< /html >”，前一个是开始标记，后面的是结束标记，在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的，“< html >”和“< HTML >”所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。

2. html的文档结构主要由三部分组成的：

   1. < html >< /html >
      标记用于html文件的最前面，用来表示html文件的开始。而< /html >的标记则是放在html的最后面，用来表示html文件的结束，两个标记必须一起使用。
   2. < head >< /head >
      构成html文件的头部部分，在此标记对之间可以使用< title > < /title >和< script > < /script >等等标记对，这些标记都是描述html文档相关信息的标记对，< head > < /head >标记对之间的内容是不会在浏览器中的内容部分出现的。两个标记必须同时使用。
   3. < body >< /body >
      < body >和< /body >是html文档的主体部分，在此标记可以包括“< p >”,“< /p >”,“< h1 >”,“< br >”等等众多的标记，他们所定义的文本，图片等等将会在浏览器的内容部分显示出来。两个标记必须一起使用。

3. 标记

   1. META标记
      META标记是html语言的head部分的一个辅助性的标记的，他位于head和title标记之间，他提供给用户不可见的信息。meta标记的用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie;可以用于来鉴别作者，设置页面格式，标注内容提要和一些关键字，还可以设置页面的自动刷新以及等级等等。
   2. TITLE标记
      在头部的< head > < /head >中，有另一组标签< title >< /title >。打在< title >< /title >这里面的文字会出现在浏览器视窗最上面蓝色部分里，作为网页的主题。
   3. 其它文本标记
      强制断行标记 < br >
      强制分段标记 < p > 在该标记的括号内加入align属性可以控制文本的位置
      空格 &nbsp
      标题标记< h1 >内容< /h1 >
      设置字体标记 < font size=“2” color=“red” face=“ ”>内容< /font > 通过改变内部属性来控制字体的属性
      < b>< /b> 加粗
      < i>< /i> 斜体
      < u></ u> 底线
      < kbd>用粗体等宽字体显示文字< /kbd>
      < var>用较小的固定宽度显示字体< /var>
      < dfn>用于名词解释，斜体显示< /dfn>
      < sup>< /sup> 上标
      < smap>用于字母序列等宽< /smap>
      < sub>< /sub> 下标
      < em>< /em> 强调 < address>模拟信封上的字体< /address>
      < strong>< /strong> 加强
      < s>< /s>删除线 < strike>删除线< /strike>
      < big>比默认字号大一号< /big>
      < small>比默认字号小一号< /small>
      < code>以等宽字体显示计算机程序代码< /code>
   4. 背景标记
      < body bgcolor=“red” backgroud=“bg.jpg”> 在文本主题中加入 控制文本背景颜色等
   5. 分隔线标记
      上一部分< hr>下一部分 标记中可以改变属性
   6. < IMG >标记
      < img src=“图片源” alt=" " align=“位置” border=“边框粗细” height=“高度” width=“宽度”>
   7. 序列标记
   8. 无序列表< ul>
      有序列表 < ol>
      自定义列表 < dl>

4. 标签

   1. < a >通过使用 href 属性，创建指向另外一个文档的链接（或超链接）
      例如：< a href=“http://www.baidu.com”>百度< /a >
   2. < table > 标签定义 HTML 表格
      简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成
      tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元
   3. < input >标签
      input标签
      < input />标签的 type分为：
      text -文本框
      button -按钮
      submit-提交
      reset-重置
      password -密码
      checkbox-多选
      radio-单选
      file -上传文件
      date - 选取日、月、年
      month - 选取月、年
      week - 选取周和年
      time - 选取时间（小时和分钟）
      datetime - 选取时间、日、月、年（UTC 时间）
      datetime-local - 选取时间、日、月、年（本地时间）
      写法：< input type = “text” value=“”/>
   4. Select标签
      < select>
      < /select>
      例如：
      < select>
      < option value="">请选择< /option>
      < option value=“A”/>A< /option>
      < option value=“B”/>B< /option>
      < option value=“C”/>C< /option>
      < option value=“D”/>D< /option>
      < /select>
   5. 多媒体标签
      < embed src=“文件源” width=“宽度” autostart=“true” loop=“true”>
      < video> 标签定义视频，比如电影片段或其他视频流。
      src 设置文件源
      width 设置宽度
      autostart 设置是否自动播放，如果是true自动播放，是flase不自动播放
      loop 设置是否循环播放true循环播放，false不自动播放
   6. 表单标签
      表单在网页上用来给访问者填写信息的，从而获得用户信息，使用网页进行交互的功能。一般是将表单设计在一个html页面中，当用户填写信息后做提交操作，于是表单的内容就会从客户端的浏览器上发送给服务器，经过服务器上的jsp或者ASP或者Cgi等处理后，再将用户所需的信息传送给客户端的浏览器上，这样网页就具有交互性了。
      < form>< /form>
      < from>标记具有action，metnod,target属性。 action属性是处理处理程序的程序名称。method属性是用来定义处理程序的从表单中获取信息的方法，通常有两种分别是GET和POST两种。
   7. 层标签
      < div> 标签可以把文档分割为独立的、不同的部分（纯净的块标签）
      < div> 是一个块级元素< /div > 层中可以添加事件或者属性·