准备长期写下去，旨在脑海里构建一系列的系统。
HTML：超文本标记语言。
其不是一种编程语言，而是一种标记语言，通过标记标签，如<b>粗</b>来呈现不同样式。
HTML使用的是标记标签来描述网页内容
知识概念的扩展：
（1）应用程序一般分为两种架构：
C/S架构：Client客户端和Server服务器端架构，比如QQ、Foxmail等
B/S架构：浏览器/服务器架构，比如淘宝、京东、百度等；能直接通过浏览器使用的应用都是B/S架构
（2）动态网页与静态网页：
静态网页，html代码和内容书写完毕后，页面的内容和显示效果就基本上不会发生变化了——除非修改页面代码
动态网页，页面代码虽然没变，但显示的内容却是可以随时间、环境或者数据库的操作的结果而发生改变。动态网页一般需要与后台程序支撑（jsp,aspx,php）
PS：网页中存在幻灯片效果，文字滚动效果等，如果内容本身没有变化，那么也属于静态网页。
//------------------------------------
创建HTML（1）使用Eclipse，修改编码
window->Perferences->General->Workspace 右侧的Other：UTF-8
（2）创建项目
左侧项目框点击右键->New->Project->Web->Static Web Project
然后键入项目名称就可用了
（3）项目中的WebContent
WebContent文件夹：web相关的内容，比如HTML+JS+CSS
（4）创建HTML页面
在WebContent点右键->New->Other->Web->HTML File
HTML基本结构：
<!DOCTYPE html> <!-- DocumentType =文档类型:html，位于文档首航，告知浏览器文档使用哪种HTML或XHTML规范，让浏览器通过正确的方式解析网页，使网页能正常显示。-->
<html> <!-- 告知浏览器其自身是一个HTML文档 -->
<head> <!-- 用于定义文档的头部（文档的描述信息） -->
<meta charset="UTF-8"> <!-- 声明文件的编码是UTF-8的编码，告诉浏览器，用什么编码去解析这个文件，如果是在中文环境下，默认使用GBK。 UTF-8：国际通用码 GBK/GB2312：中文编码 -->
<meta name="keywords" content="枫叶、Maple"> <!-- 提供给搜索引擎的关键字信息 -->
<!-- meta元素可以提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词等，让浏览器；-->
<title></title> <!-- 文档标题 -->
</hend>
<body> <!-- 用于定义文档的主体（文档的主体内容） -->
</body>
</html>
快捷键小技巧：Eclipse 中 ：
Alt+/ 能够智能提示
Ctrl+Shift+/ 能够快捷注释
常用标签及其属性：
html标签也可以看成一个对象，既然是对象那么就有属性。属性描述标签的更多细节。
属性值可以加双引号，也可以加单引号，也可以不加引号，建议使用双引号
比如：字体标签：<font size="5" color="red" face="宋体">枫棂</font>
size这个属性的值范围：1~7
color这个属性有三种表达方式：（1）英文单词（颜色名称）：如red，yellow
（2）颜色值（十六进制值）：#FF0000 每两位代表一个颜色
（3）rgb代码： rgb(255,0,0) 等同于red=FF green=00 black=00
face这个属性指：字体规格，如微软雅黑、宋体
原文：http://www.cnblogs.com/maplely/p/6481562.html