HTML-基础

        html是一切web开发的基础，所有的网页渲染出来的都是HTML标签。 html全称是hyper Text Markup Language（超文本标记语言）。

        先理解一下这名字，首先html是一种开发语言，然后解释一下什么是超文本。文本可以分为三种：纯文本、富文本、超文本

        1.纯文本

        只有文字，没有颜色、图片等任何其他格式和资源。我们平时用的记事本就是纯文本内容。所有其他内容其实都可以看做是一种纯文本，只是里面含有一些标记，通过一些工具软件可以解析成其他内容。基本上我们有记事本，可以打开绝大部分文件，只是内容都是编码的。

        2.富文本

        不仅有文字，还有文字格式、颜色、布局。还含有视频、图片等内容。我们常用的word就是属于富文本。

        3.超文本

        在富文本的基础上增加了可以通过超链接进行跳转、导航。

        接下来解释一下什么叫做标记。标记可以通俗的理解就是打标记，然后对标记进行特殊处理。div、span就是一种标记。

下面大概梳理一下HTML的发展史

1.1982年，html建立

2.1995年，html2.0发布；

3.1996年，html3.2被W3C组织定为标准；

4.1997年，html4.0发布；

5.2014年，html5.0年定位标准。

这期间，出现了另外一个版本，XHTML。前期的HTML很不严谨，不限制大小写，也不限制闭合。所以写出来的代码很不规范，进而就催生了XHTML。XHTML和HTML是一样的，但是XHTML是严格模式，要求标记必须是小写、必须闭合，希望HTML能够像XML一样规范。但是因为HTML5的出现，XHTML还是泯然众人了。XHTML其实就是一种规范，能够让代码规范，这是所有的项目开发过程中毕竟会经历的阶段。开发初期为了进度，代码的要求不是那么严格，日积月累之后，代码的可读性就越来越差，越来越不优雅。所以才会有XHTML出现，对代码开发过程中进行限制。类似我们现在开发中使用ESLint和Prettier。这种思路是正确的，所以HTML5也是延续了这个思路。

接下说一下HTML里面的一些标记，简单列一下：

标题：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>

段落：<p>

超链接：<a>

图片：<img>

表格：<table>

列表：<ul>、<li>、<ol>、<dl>、<dt>、<dd>

表单：<form>、<input>、<textarea>、<label>、<fieldset>、<select>、<optgroup>、<option>、<button>

块元素(独占一行)：<div>、<p>、<nav>、<aside>、<header>、<footer>、<section>、<article>、<ul>、<address>、<h1>~<h6>

内联元素（行内元素）:<span>

多媒体：<video>

框架：<iframe>

常用的一下标签就是这些，还有一些使用频率很低的不列了。

注释

html的注释是通过<!-- -->来进行；但一般html中很少加注释。