HTML之初识HTML
一、初识HTML
目录：初识HTML、网页基本信息、网页基本标签
1.初识HTML
1）什么是HTML?
Hyper Text Markup Language（超文本标记语言）
超文本包括：文字、图片、音频、视频、动画等。
2）HTML的发展史
HTML的发展历程
- HTML在1993年6月互联网工程工作小组工作案发布（并非标准）。
- HTML2.0—1995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布过时。
- HTML3.2—1996年1月14日，W3C推荐标准。
- HTML4.0—1997年12月18日，W3C推荐标准。
- HTML4.01（微小改进）—1999年12月24日，W3C推荐标准，2000年5月15日发布基本严格的。
- HTML4.01语法，是国标标准化组织和国际电工委员会的标准。
- XHTML1.0—发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。
- XHTML1.1—2001年5月31日发布。
- XHTML2.0是W3C的工作草案，由于改动过大，学习这个新技术的成本过高而最终胎死腹中，因此，现在最常用的还是XHTML1.0标准。
- 目前最新的版本为HTML5，它是2004年被提出，2007年被W3C接纳并成立新的HTML工作团队，2008年1月22日公布HTML5第一份正式草案，2012年12月17日HTML5规范正式定稿，2013年5月 6日，HTML5.1正式草案公布。
目前网页中常用HTML5。
HTML5提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接使用网页播放视频等。
3）HTML5的优势
①世界知名浏览器（Internet Explorer、Google、Firefox、Safari、Opera等）厂商（微软、Google、苹果、Opera、Mozilla等）对HTML5的支持。
Ⅰ微软：2010年3月16日，微软于拉斯维加斯市举行的MIX10技术大会上宣布已推出IE9浏览器开发者预览版。此版本将更多的支持CSS3、SVG和HTML5等互联网浏览通用标准。
ⅡGoogle：2010年2月19日，谷歌Gears项目经理伊安一费特通过博客宣布，谷歌将放弃对Gears浏览器插件项目的支持，以此重点开发HTML5项目。
Ⅲ苹果：2010年6月7日，苹果在开发者大会的会后发布了Safari 5，这款浏览器支持10个以上HTML5新技术，包括全屏播放、HTML5视频、HTML5地理位置、HTML5的形式验证等功能。
ⅣOpera：2010年5月5日，Opera软件公司首席技术官Hakon Wium Lie先生在访华之际，接受中国软件资讯网等少数几家媒体采访，他认为HTMl5和CSS3将是全球互联网发展的未来趋势。
Ⅴmozilla firefox：2010年7月，Mozilla基金会发布了Firefox 4浏览器的第一个测试版，从官方文档看，它对HTML5是完全级别的支持。
总结：以上证据表明，目前这些浏览器已经纷纷朝着支持HTML5、结合HTML5的方向迈进，因此HTML5已经被广泛的推行开来。
②市场的需求。
现在的市场已经迫不及待的要求有一个统一的互联网通用标准。HTML5之前的情况是，由于各浏览器之间的不统一，光是修改Web浏览器之间的由于兼容性而引起的bug就浪费了大量的时间。而HTML5的目标就是将Web带入一个成熟的应用平台，在HTML5平台上，视频、音频、图像、动画以及同电脑的交互都被标准化。
③跨平台。
HTML5可以做到跨平台开发，用户只用打开浏览器即可访问应用，PC网站、各种移动设备、插件等核心代码就可以不需要重复编写，极大的减少了开发人员的工作量。
4）W3C标准
①W3C简介。
World Wide Web Consortium（万维网联盟），成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构。
②W3C标准。
Ⅰ结构化标准语言（HTML、XML）。
Ⅱ表现标准语言（CSS）。
Ⅲ行为标准（DOM、ECMAScript）。
5）常见IDE
记事本、Sublime、NotePad++、（Dreamweaver）、VSCode、HBuilder、WebStorm、IDEA（Java工开发者可直接使用IDEA编写前端）
2.HTML基本结构
<!-- DOCTYPE：告诉浏览器要使用的规范 -->
<!DOCTYPE html>
<html lang="en">
<!-- head标签代表头部 -->
<head>
<!-- meta描述性标签，它用来描述网站的一些信息 -->
<!-- meta一般用来做SEO -->
<meta charset="UTF-8">
<meta name="keywords" content="HTML,前端">
<meta name="desription" content="前端入门学习">
<!-- title代表网页标题 -->
<title>HTML</title>
</head>
<!-- body标签代表网页主体 -->
<body>
Hello World
</body>
</html>
主要以网页头部和主体部分这两大部分组成。
像<body>、</body>等成对的标签，分别叫开放标签和闭合标签；单独呈现的标签（空元素），如<hr/>，意为用/来关闭空元素。
<meta>标签中charset详解：网页常用的字符编码有gb2312、utf-8，gb2312包含全部中文字符，utf-8则包含全世界所有国家需要用到的字符，页面编码应与页面文件保存时的编码一致。
3.网页基本标签
1）标题标签
标题标签，通常用于标题或主题，体现标签语义化。
h1最大，h6最小。
<h1>Ping开源</h1>
<h2>Ping开源</h2>
<h3>Ping开源</h3>
<h4>Ping开源</h4>
<h5>Ping开源</h5>
<h6>Ping开源</h6>
2）段落标签
<p></p>
3）换行标签
<br/>
注意：查看段落标签与换行标签的效果，发现使用换行标签的段落更加紧凑。
4）水平线标签
<hr/>
样式如下：
5）字体样式标签
①加粗
<strong></strong>
②斜体
<em></em>
6）注释和特殊符号
①注释
<!-- -->
②特殊符号
| 特殊符号 | 字符实体 |
|---|---|
| 空格 | |
| 大于号（>） | > |
| 小于号（<） | < |
| 引号（''） | " |
| 版权符号© | © |
