一个完美的web前端攻城狮，所具备的专业素养有：HTML5、XHTML、CSS3、JavaScript、JQuery、PS、PHP等。所以说，我要学的东西还有很多。。。
没别得，我也是一个H5的初学者，只是为了做好笔记，如果能帮到他人，我很荣幸。
一、HTML
是超文本标记语言(Hype Text Markup Language)，它不是编程语言，只是一种标记语言。
二、常用工具
Webstom、Notepad++、Eclipse、Text Subline、Dreamweaver、Intellij IDEA等
三、HTML的版本发展历史
| 版本 | 年份 | 描述 |
| HTML | 1991 | 第一版的html |
| HTML＋ | 1993 | 作为互联网工程工作小组（IETF）工作草案发布（并非标准） |
| HTML2.0 | 1995 | 作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 |
| HTML3.2 | 1997 | 作为W3C推荐标准 |
| HTML4.01 | 1999 | （比上一版做了微小改进）作为W3C推荐标准 |
| XHTML1.0 | 2000 | 发布于2000年，是W3C推荐标准，后来经过修订于2002年重新发布 |
| HTML5 | 2012 | W3C推荐标准 |
| XHTML5 | 2013 | 更新版，基于HTML5草案 |
注释：w3c是万维网联盟，是Web技术领域最具权威和影响力的国际中立性技术标准机构
四、组成部分
包括：声明、头部（head）、标题（title）、身体（body）
五、基础知识：
（1）声明
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，这样浏览器才能获知文档类型。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
现在主要记住：H5的声明方式：<!DOCTYPE html>
（2）常用标签及其属性
1-标题标签h1~h6(越来越小)
标题标准属性：id, class, title, style, dir, lang, xml:lang；事件属性：onclick, ondblclick等
2-链接标签<a><img>
<a>属性有：download、href、name、target等
<img>有：src（规定显示图像的 URL）、alt（规定图像的替代文本）
3-格式化标签
<b> 定义粗体字体 <big> 大字号 <em> 着重文字
<i> 斜体字 <small> 小号字 <strong> 加重语气
<sub> 下标字 <sup> 上标字 <ins> 插入字
<del> 删除字
4-表格标签
| 表格标签 | 标签的描述 |
| <table> | 表格 |
| <caption> | 表格的标题 |
| <th> | 表格的表头 |
| <tr> | 表格的行 |
| <td> | 表格的单元 |
| <thead> | 表格的页眉 |
| <tbody> | 表格的主题 |
| <tfoot> | 表格的页脚 |
| <col> | 表格的列属性 |
5-列表标签
<ol> 有序列表（属性有：type＝A（A，B，C）、a(a,b,c)、I(I，II，III)、i（i，ii，iii）、start＝10（从10开始））
<ul>无序列表（属性有：type＝disc（实体圆）、circle（空心圆）、square（方块）或者用css样式）
<li>列表项的属性
<dl>列表
<dt>列表项
<dd>描述
6-布局标签
<table>、<div>
7-背景标签
<background>、<bgcolor>
8-新增主要标签
<video>、<aduio> 媒介回放元素
<canvas>(绘画标签)
（3）样式表（三种方式）
1-外部样式表
<link rel="stylesheet" type="text/css" href="mycss">
2-内部样式表
<style type="text/css">
body{/style>
3-内联样式表
<p style="color:red"></p>
六、主要网址：
w3c:http://www.w3school.com.cn