1、主要内容
2、详细内容
2.1、概述
2.1.1、定义
HTML的全称是Hyper Test Markup Language（超文本标记语言），它是互联网上应用最广泛的标记语言。简单地说，HTML文件就是普通文本+HTML标记（或者HTMLHTML标记能表示不同的效果。
2.1.2、说明
（1）HTML代码由<.html>开始 </html>结束；里面由头部分<head></head>和体部分<body></body>两部分组成；
（2）头部分是Html页面增加一些辅助或者属性信息，它里面的内容会最先加载；体部分是真正存放页面数据的地方；
2.1.3、格式
（1）格式一：
（2）格式二：
2.2.
2.2.1、 字体
<font>
注：简单颜色可是直接写对应的英文，复杂颜色用16进制表示，表现形式#FF0000两个数为一组，按红，绿，蓝排列，如：#00FF00表示绿色。建议用工具选取。
<h1><h2>……<h6>
标题是文本中常用的内容，为了方便操作而定义的，其实就是某个字号和粗体的组合。
（2）特殊字符：
如果要在网页上显示一些特殊符号，比如< > & 等。因为这些符号在代码中会被浏览器识别并解释，所以用一些特殊的方式来表示。
2.2.2、 列表
<dl>，该元素只能包含<dt../>和<dd…/>两种子元素。
其中：<dt>：定义标题列表项；<dd>：定义普通列表项。
<ol>:<li …/>start用于指定列表项的起始数字；type用于指定使用哪种类型的编号；reversed用于指定是否将排序反转。
<ul>:<li …/>
<li>:定义列表项目。
示例代码：
2.2.3、 图像
<img src=”” alt=”” height = “” width=””/>
其中：src：指定图片文件所在的位置，可以是相对路径，也可以是绝对路径；
alt:指定该图片的提示信息；
Height、width:指定图像的高度和宽度。
<area …/>子元素。
<map > <area id="" style="" class=""/> </map>
（3）绘制图形：<canvas ../>（了解）
2.2.4、 表格
A.cellpadding:指定单元格内容和单元格边框直接爱你的间距；
B.Cellspacing：指定单元格之间的间距；
C.Width：指定表格的宽度。
D.以上三个属性的属性值既可以是像素值也可以是百分比。
总结：<table>元素只能包含0个或1个<caption../>子元素，0个或1个<thead../>子元素，0个或1个<tfoot../>子元素，多个<tr…/>子元素，多个<tbody…/>子元素。
2.2.5、超链接
两种用法：
<a>
超链接<a href=””>
示例：
<a href=”http://www.sina.com.cn” target=”_blank”>新浪</a>
说明：
<!-- href属性值可以是url，也可以是本地文件。target属性是指定在哪个窗口或者帧中打开。 -->
（2）定位标记<a name=””>
一般是在本页面中使用，当页面内容过长，定位标记会比拖动滚动条更加便捷，定位标记要和超链接结合使用才有效，且在使用定位标记时候一定要在href值开始的加入#标记明。
<a name=”标记”>标记位置</a> <p>…….<!--很多空行以制造网页过长的效果 --> <a href=”#标记”>返回标记位置</a>
2.2.6、 框架
<frameset>
<body>，一般为了代码的可读性，会将其放在<head>和<body>之间；当框架大小不想被鼠标拖动而改变的时候，可以在framenoresize属性，这个属性没有属性值，称为标记属性。
<iframe>
在HTML5中已经不再推荐使用框架集，而且HTML5删除了<frameset ../>、<frame…/>和<noframes…/>DIV+CSS。
2.2.7、 表单
<form>
<input>，用于接收用户输入的信息，其中type
<select>，提供用户选择内容；
:<option>,其属性 selected 没有属性值，加在子项上，其中一个子项上，子项
（4）<textarea>：多行文本框。如：个人信息描述。
（5）<label>：用于给各元素定义快捷键。
for 属性：指定快捷键作用的表单元素。必须与要作用的表单元素的id值相同。
accesskey 属性：指定快捷键，此快捷键需要和alt键组合使用。
（6）表单提交：
a）定义form表单中的action属性值，指定表单数据提交的目地地（服务端）；明确提交方式，需要通过method属性值，如果不定义，那么默认值是get.
b）post与get的比较：
示例代码如下所示：
<html> <head> <title>表单</title> </head> <body> <form method="post" action="http://edu.csdn.net/"> 用 户 名：<input type = "text" name = "username" id = "userid" /> <br/> 密 码：<input type = "password" name = "password" id = "passwordid" /> <br/> 性 别：<input type = "radio" name = "sex" id = "sexid" value = "male" />男 <input type = "radio" name = "sex" id = "sexid" value = "female"/>女<br/> 技术方向：<input type = "checkbox" name = "tech" id = "techid" value = "java"/> Java <input type = "checkbox" name = "tech" id = "techid" value = "html"/> HTML <input type = "checkbox" name = "tech" id = "techid" value = "jsp"/> JSP<br/> 照 片：<input type = "file"/> <br/> 生 日：<input type = "date" name = "date"/> <br/> 邮 件：<input type = "email" name = "email"/> <br/> 联系电话：<input type = "tel" name = "telephone"/> <br/> 自我介绍：<textarea cols = "20" rows = "10"></textarea><br/> 推荐书籍：<select id = "books" name = "books" multiple = "mulitple" size = "2"> <option value = "Java">Java</option> <option value = "Spring">Spring</option> <option value = "Struts">Struts</option> <option value = "Hibernate">Hibernate</option> </select><br/> 提 交：<input type = "submit" value = "提交" /><br/> 重 置：<input type = "reset" value = "重置" /><br/> </form> </body> </html>
2.2.8
<head></head>头部分之间，包括title、base、meta、link四种。
（1）<title>：指定浏览器的标题栏显示的内容；
（2）<base>：有两个重要的属性为herf属性和target属性。
Herf属性：指定网页中所有超链接的目录，可以是本地目录，也可以是网络目录。
Target属性：指定打开超链接的方式，比如_blank表示所有的超链接都是用新窗口打开显示。
（3）<meta>：有两个重要的属性为name属性和http-equiv属性。
Name属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。
http-equiv属性：模拟HTTP协议的响应消息头。
比如：
|
<meta http-equiv=”refresh” content=”3;url=http://edu.csdn.net/” /> |
表示打开此页面3秒后自动转到黑马程序员官方页面。
（4）<link>：有三个重要的属性：rel属性、type属性和media属性。
Rel属性：描述目标文档与当前文档的关系；
Type属性：文档类型；
Media属性：指定目标文档在哪种设备上起作用。
2.2.9、 音视频
在HTML 5中新增加<audio…/>与<video…/>两个元素，开发者可以通过这两个元素在HTML页面上播放音频和视频。通过使用这两个元素播放多媒体无需在浏览器上安装任何插件，只需要浏览器支持便行。
2.2.10、 其它
（1）<marquee>：让内容动起来，有两个属性为direction属性和behavior属性。
Direction属性：left right down up;
Behavior属性：scroll alternate slide
（2）<pre>:可以将文本内容安在代码去的样子显示在页面上。
2.3、XHTML与XML
（1）XHTML是可扩展的超文本标记语言（Extensible HyperText Markup Language），是w3c组织在2000年的时候为了增强HTML而推出的，本想用来替代HTML，但是发现Internet上使用HTML编写的网页太多而没有成功。
（2）XML是可扩展标记语言（Extensible Markup LanguageXML规范可以被更多的应用程序所解释，已经成为一种通用的数据交换语言，各个服务器，框架都是用XML作为配置文件。
