本
文
摘
要
一、什么是HTML
HTML简介
HTML是用来描述网页的一种语言，它是一种超文本标记语言，由一套标记标签组成，在制作网页时，HTML使用标记标签来描述网页。
发展史
HTML：Hyper Text Markup Language超文本标记语言
超文本标记语言—在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正式草案公布。
HTML 5作为最新版本，提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接使用网页播放视频等。目前企业开发中也在增大使用HTML5的力度
HTML的优势
各大浏览器厂商对H5的支持市场的需求跨平台二、HTML的基本结构
<html>......</html> HTML文档的开始和结束标记。<head>……</head> 头控制标记，不在界面上进行展示，子标签可设置SEO优化的一些内容以及设置网页的编码。<title>……</title>：设置浏览器的窗口上标题。<body>……</body>：页面可见内容。三、HTML的基本标签
标题标签h1~h6
源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题标签</title>
</head>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
<h7>这是七级标题</h7>效果怎么显示不出来呢？？？
<h1>这是一级标题</h1>
</body>
</html>
浏览器预览效果
段落标签和换行标签p标签为段落标签，br标签为换行标签
源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>段落和换行标签</title>
</head>
<body>
<h1>北京欢迎你</h1>
<p>北京欢迎你，<br>为你开天辟地</p>
<p>北京欢迎你，<br/>有有勇气就会有奇迹</p>
</body>
</html>
浏览器预览效果图
水平线标签hr标签为水平线标签
源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水平线标签</title>
</head>
<body>
<h1>漂洋过海来看你</h1>
<hr>
<p>为你我用了半年的积蓄，<br>漂洋过海来看你</p>
<hr/>
</body>
</html>
浏览器预览效果图
字体样式标签em为斜体标签，strong为字体加粗标签
源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体样式标签</title>
</head>
<body>
<h1>漂洋过海来看你</h1>
<hr>
<p>为你我用了<em>2017</em>半年的<strong><em>积蓄</em></strong>，<br>
<em><strong>漂洋过海</strong></em>来看你
</p>
<hr/>
</body>
</html>
浏览器预览效果图
注释和特殊符号注释使用：<!--被注释的内容-->
大于号：> great than的缩写
小于号：< less than的缩写
双引号：""
版权符号：©
空格：
源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注释和特殊符号</title>
</head>
<body>
<pre>
注释使用：<!--被注释的内容-->
大于号：> great than的缩写
小于号：< less than的缩写
双引号：""
版权符号：©
空格：
</pre>
<!-- 我是被注释的内容，我只留给你们看，不会在页面上显示 -->
5<10>6 <br>
"我是被双引号引起来的内容"<br>
©自由职业开发者公司<br>
我是 测试 空 格的
</body>
</html>
浏览器预览效果图
以上就是HTML的简单入门，后续带大家更深入的了解HTML
