超文本标记语言（HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
HTML运行在浏览器上，由浏览器来解析。
对于中文网页需要使用声明编码，否则会出现乱码。有些浏览器（如360浏览器）会设置GBK为默认编码，则你需要设置为（）.
.html和.htm这两种后缀名没有区别，都可以使用。
<!DOCTYPE html> 声明为HTML5文档
元素是HTML页面的根元素
元素包含了文档的元（meta）数据，如 定义网页编码格式为utf-8。
元素描述了文档的标题。<br /><body>元素包含了可见的页面内容。<br /><h1> 元素的定义了一个大标题。<br /><p> 元素定义了一个段落。
<a name="TUAtO"></a></p>
<h2 id="6tej0v"><a name="6tej0v" class="reference-link"></a><span class="header-link octicon octicon-link"></span>什么是HTML</h2><ul>
<li>HTML是用来描述网页的一种语言。</li><li>HTML指的是超文本标记语言：HyperText Markup Language</li><li>HTML不是一种编程语言，而是一种标记语言</li><li>标记语言是一套标记标签（markup tag）</li><li>HTML使用标记标签来描述网页</li><li>HTML 文档包含了HTML标签及文本内容</li><li><p>HTML文档页脚做web页面
<a name="CoB8s"></a></p>
<h2 id="kvmeg"><a name="kvmeg" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML标签</h2><p>HTML标记标签通常被称为HTML标签（HTML tag）。</p>
</li><li><p>HTML标签是由尖括号包围的关键词，如<html></p>
</li><li>HTML 标签通常是成对出现的，比如<b>和</b></li><li>标签对中的第一个标签是开始标签，第二个标签是结束标签</li><li>开始和结束标签也被称为开放标签和闭合标签
<a name="z6mz4"></a><h2 id="fpv8u8"><a name="fpv8u8" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML元素</h2>HTML标签和HTML元素通常都是描述同样的意思。但是严格来讲，一个HTML元素包含了开始标签与结束标签。
<a name="ItmXu"></a><h2 id="ftu4wu"><a name="ftu4wu" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Web浏览器</h2>Web浏览器（如谷歌浏览器、Internet Explorer、Firefox、Safari）用于HTML文件，并将其作为网页显示。浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户。
<a name="Zt44b"></a><h2 id="9eap8o"><a name="9eap8o" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML网页结构</h2><pre><code class="lang-html"><!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落</p>
<p>这是另外的一个段落。</p>
</body>
</html>
</code></pre>
</li></ul>
<p><a name="UtvrT"></a></p>
<h2 id="k0b03"><a name="k0b03" class="reference-link"></a><span class="header-link octicon octicon-link"></span><!DOCTYPE html>声明</h2><ul>
<li><!DOCTYPE html>声明有助于浏览器中正确显示网页。</li><li><p><!doctype html>声明是不区别大小写的。
<a name="YaUSE"></a></p>
<h2 id="1ml8be"><a name="1ml8be" class="reference-link"></a><span class="header-link octicon octicon-link"></span>通用声明</h2><p><a name="L8wAz"></a></p>
<h3 id="8votn6"><a name="8votn6" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML 5</h3><pre><code class="lang-html"><!DOCTYPE html>
</code></pre>
<p><a name="LIxQs"></a></p>
<h3 id="4ba72b"><a name="4ba72b" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML 4.01</h3><pre><code class="lang-html"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
</code></pre>
<p><a name="z9Jla"></a></p>
<h3 id="c6sos8"><a name="c6sos8" class="reference-link"></a><span class="header-link octicon octicon-link"></span>XHTML 1.0</h3><pre><code class="lang-html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
</code></pre>
<p><a name="xLi9s"></a></p>
<h3 id="8t976m"><a name="8t976m" class="reference-link"></a><span class="header-link octicon octicon-link"></span> </h3><p><a name="K9md1"></a></p>
<h2 id="foh6tv"><a name="foh6tv" class="reference-link"></a><span class="header-link octicon octicon-link"></span>中文编码</h2><p>目前在大部分浏览器中，直接输入中文会出现乱码的情况，这时候我们就需要在头部将字符声明为UTF-8或GBK。
<a name="AwFNS"></a></p>
<h2 id="1lddc1"><a name="1lddc1" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML元素语法</h2></li><li><p>HTML元素以开始标签起始</p>
</li><li>HTML元素以结束标签终止</li><li>元素的内容是开始标签与结束标签之间的内容</li><li>某些HTML元素具有空内容（empty content）</li><li>空元素在开始标签中进行关闭（以开始标签的结束而结束）</li><li><p>大多数HTML元素可拥有属性
<a name="IqEpb"></a></p>
<h2 id="a0x11y"><a name="a0x11y" class="reference-link"></a><span class="header-link octicon octicon-link"></span>嵌套的HTML元素</h2><p>大多数HTML元素可以嵌套（HTML元素可以包含其他HTML元素）。<br />HTML文档由相互嵌套的HTML元素构成。
<a name="xh742"></a></p>
<h2 id="5r0hlk"><a name="5r0hlk" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML提示：使用小写标签</h2><p>HTML标签对大小写不敏感，万维网在HTML 4中推荐使用小写，而在未来（X）HTML版本中强制使用小写。
<a name="ROPRl"></a></p>
<h2 id="d5duae"><a name="d5duae" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML属性</h2><p>属性是HTML元素提供的附加信息。</p>
</li><li><p>HTML元素可以设置属性</p>
</li><li>属性可以在元素中添加附加信息</li><li>属性一般描述于开始标签</li><li><p>属性总是以名称值对的形式出现，比如：nam e=”value”。
<a name="U6Mc9"></a></p>
<h2 id="e9g6f6"><a name="e9g6f6" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML属性常用引用属性值</h2><p>属性值应该始终被包括在引号内。<br />双引号是最常见的，不过使用单引号也没有问题。<br />在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用<br />单引号，例如：name=’John “SHot Gun” Nelson’
<a name="LGZWO"></a></p>
<h2 id="g0fifp"><a name="g0fifp" class="reference-link"></a><span class="header-link octicon octicon-link"></span><head>元素</h2><p><head>元素包含了所有头部标签元素。在<head>元素中可以插入脚本<script>、样式文件（CSS），以及各种meta信息。<br />可以添加在头部区域的元素标签为：<title>、<style>、<meta>、<link>、<script>、<noscript>和<base>。
<a name="QBYuL"></a></p>
<h2 id="2wvfz6"><a name="2wvfz6" class="reference-link"></a><span class="header-link octicon octicon-link"></span><title>元素</h2><p><title>标签定义了不同文档的标题。<br /><title>在HTML/XHTML文档中是必须的。<br /><title>元素：</p>
</li><li><p>定义了浏览器工具栏的标题</p>
</li><li>当网页添加到收藏夹时，显示在收藏夹中的标题。</li><li><p>显示在搜索引擎结果页的标题
<a name="m22bR"></a></p>
<h2 id="30u5qr"><a name="30u5qr" class="reference-link"></a><span class="header-link octicon octicon-link"></span><base>元素</h2><p><base>标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接：</p>
<pre><code class="lang-html"><head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>
</code></pre>
<p><a name="H4QlG"></a></p>
<h2 id="ia7ij"><a name="ia7ij" class="reference-link"></a><span class="header-link octicon octicon-link"></span><link>元素</h2><p><link>标签定义了文档与外部资源的关系。<br /><link>标签通常用于链接到样式表：</p>
<pre><code class="lang-html"><head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
</code></pre>
<p><a name="IDBIw"></a></p>
<h2 id="30b1jc"><a name="30b1jc" class="reference-link"></a><span class="header-link octicon octicon-link"></span><style>元素</h2><p><style>标签定义了HTML文档样式文件引用地址<br />在<style>元素中你也可以直接添加样式来渲染HTML文档</p>
<pre><code class="lang-html"><head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
</code></pre>
<p><a name="MxYsf"></a></p>
<h2 id="f3n955"><a name="f3n955" class="reference-link"></a><span class="header-link octicon octicon-link"></span><meta>元素</h2></li><li><p>meta标签描述了一些基本的元数据。</p>
</li><li><meta>标签提供了元数据，元数据也不显示在页面上，但会被浏览器解析。</li><li>meta元素通常用于指定网页的描述、关键词、文件最后修改时间、作者、和其他元数据。</li><li>元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。</li><li>meta一般放在<head>区域
<a name="Je2d8"></a><h3 id="a62bc7"><a name="a62bc7" class="reference-link"></a><span class="header-link octicon octicon-link"></span>搜索引擎定义关键词</h3><pre><code class="lang-html"><meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
</code></pre>
<a name="MyfZ7"></a><h3 id="71j2ue"><a name="71j2ue" class="reference-link"></a><span class="header-link octicon octicon-link"></span>网页定义描述内容</h3><pre><code class="lang-html"><meta name="description" content="免费 Web & 编程 教程">
</code></pre>
<a name="cbYrx"></a><h3 id="ed5goc"><a name="ed5goc" class="reference-link"></a><span class="header-link octicon octicon-link"></span>网页定义作者</h3><pre><code class="lang-html"><meta name="author" content="Runoob">
</code></pre>
<a name="RZm2a"></a><h3 id="364ecl"><a name="364ecl" class="reference-link"></a><span class="header-link octicon octicon-link"></span>每30秒刷新当前页面</h3><pre><code class="lang-html"><meta http-equiv="refresh" content="30">
</code></pre>
<a name="st3X1"></a><h2 id="74qagp"><a name="74qagp" class="reference-link"></a><span class="header-link octicon octicon-link"></span><script>元素</h2><script>标签用于加载脚本文件，如：JavaScript。
<a name="wqJs1"></a><h2 id="znz29"><a name="znz29" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML样式-CSS</h2>CSS（Cascading Style Sheets）用于渲染HTML元素标签的样式。<br />CSS样式可以通过以下方式添加到HTML中：</li></ul>
<ol>
<li>内联样式-在HTML中使用”style”属性</li><li>内联样式表-在HTML文档头部<head>区域使用<style>元素来包含CSS</li><li>外部引用-使用外部CSS文件，最好的方式是通过外部引用CSS文件。</li></ol>
