HTML的简介、文档结构及基本标记
HTML的简介
- HTML是英文 HyperText Markup Language 的缩写，它的意思是"超文本标记语言"，用它编写出文档的文件的扩展名是“.html”或“.htm”（微软的操作系统），他是可供浏览器解释浏览的文件格式。你可以使用记事本，写字板或者是专业的IDE如：Dreamweaver等等编辑工具来编写HTML文件。
- HTML标记两端有两个符号“<”和“>”,这两个符号称为角括号。html标签通常是成对出现的，比如“”和“”，前一个是开始标记，后面的是结束标记，在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的，“”和“”所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。
- 语言特点：
超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（www）盛行的原因之一，其主要特点如下：
1、 简易性：超级文本标记语言版本升级采用超级方式，从而更加灵活方便。
2 、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3 、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（www）盛行的另一个原因。 - 发展历史：
标记语言
超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1996年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5的第一份正式草案已于2008年1月22日公布，仍继续完善
HTML的文档结构
html的文档结构主要是有3部分组成的：
1.
标记用于html文件的最前面，用来表示html文件的开始。而的标记则是放在html的最后面，用来表示html文件的结束，两个标记必须一起使用。
2.和
和构成html文件的头部部分，在此标记对之间可以使用 和等等标记对，这些标记都是描述html文档相关信息的标记对， 标记对之间的内容是不会在浏览器中的内容部分出现的。两个标记必须同时使用。
3.和
和是html文档的主体部分，在此标记可以包括“”,“
”,“”,“
”等等众多的标记，他们所定义的文本，图片等等将会在浏览器的内容部分显示出来。两个标记必须一起使用。
- 案例演示：
html的结构
我们现在开始学习HTML!!
HTML的基本标记
META标记
- META标记是html语言的head部分的一个辅助性的标记的，他位于head和title标记之间，他提供给用户不可见的信息。meta标记的用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie;可以用于来鉴别作者，设置页面格式，标注内容提要和一些关键字，还可以设置页面的自动刷新以及等级等等。
- 设定文件字符集
1.Content-Type和Content-Language(设置文件字符集)
说明：
设定页面使用的字符集，用以说明主页制作所使用的文字以及语言，浏览器会根据此来调用相应的字符集显示page的内容。
用法：
注意：
该meta标记定义了html页面所使用的字符编码集是gb2312，就是国际汉字码。如果将其中“charset="gb2312"”替换成“BIG5”,则页面所使用的字符集就是繁体中文的编码（台湾）。
2、
TITLE标记
- 在头部的中，有另一组标签。打在这里面的文字会出现在浏览器视窗最上面蓝色部分里，作为网页的主题。
- 示例：
这是我的html页面
文字上的分割标记
- 或许你会发现这样一个问题：我们已经在记事本里排版排的很漂亮，为何通过浏览器查看是就变了样子，那是因为浏览器不像word,他不认识Enter键或者空格键，所以当你按多少次空格，浏览器都会当作没看见一样。
- 常用的分隔标记：
强制断行标记“
”
强制分段标记“”
空格“ ”
- 案例演示
例子1：
的使用
文字上的分隔标记1
为救李浪离家远。
//换行，谁料皇榜中状元 会在下一行写出
谁料皇榜中状元。
例子2：的使用
文字上的分隔标记2
为救李浪离家远。 //强制分段，谁料皇榜中状元 会在下一段写出
谁料皇榜中状元。
例子3：空格的使用
排版的标记
1.文字的置左，置右，置中
在分段标记“”在加上一些简单的属性设定，就可以让其的文字置左，置右，置中。
2.置中标记
使用方法：
内容
3.保持原始数
使用方法：内容据格式标记
- 案例演示：
文字的置左，置右，置中
例子：
排版不标记
为救李浪离家远。
//置左
谁料皇榜中状元。
//置中
女驸马
//置右
说明：align是分段标记的属性之一，这个属性将来会常常在不同标记中出现，他的功能就是专门在设定“水平对齐的位置”，其常见的属性值有三个“align="left"”置左，“align=""center”置中，“align="right"”置右。
置中标记
例子：
置中标记
为救李浪离家远
说明:
这是一个经常用到的标记，除了文字外，还有图片，表格等等一些其他的标记，任何可以显示在网页中的东西他都可以置之中。
保持原始数
例子：
保持原始数据格式标记
为救李浪离家远
谁料皇榜中状元
说明：
利用“”标记可以将排版和格式后的内容原封不动的呈现出来。
字体标记
1.标题标记
使用方法：内容
2.设置字体标记
使用方法：内容
3.字体变化标记
使用：在文字标记中，对于文字的格式也有相当多的变化，如加粗，斜体等等。
加粗 斜体 底线
用粗体等宽字体显示文字
用较小的固定宽度显示字体
- 案例演示：
标题标记
例子：
标题标记
标题1
标题2
标题3
标题4
标题5
标题6
说明：标题的大小一共有6中，也就是从到,最大，最小。使用该标记时字体会变成粗体，并自称一行。
设置字体标记
例子：
文字字体设定
为救李浪离家远
字体变化标记
字体变化标记
加粗
斜体
底线
上标
下标
分割线标记
分隔线标记
使用:上一部分
下一部分
例子：
背景颜色
abcdefg。
//红色分割线
higklmn。
图片（img）标记
使用：
- 案例演示：
图片
//src需要图片的路径
序列标记
1.无序列表< ul>
2.有序列表
3.自定义列表
- 案例演示：
1.无序列表
例子：
无序列表
- 姓名：jock
- 生日：1989/4/9
- 星座：天蝎座