前言：

学习前端，最基本的三大剑：HTML，CSS，JavaScript；其中html是绕不过去的一个门，也是学习前端的基础；这里就简单的介绍下HTML；

HTML介绍：

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。概念读者比较绕口，反正就是理解为创建页面显示的所有文本，图片，视频，地图......所有的东西，都要借助对应的HTML标签创建；反之，针对后面css，javascript操作页面的时候，也需要借助对应的标签定位。

语法：

HTML也称之标签，元素，节点；其语法为:

<h1></h1> 
<br/>
<!--两个尖括号，中间是对应的标签名-->

分类：

标签可以根据不同的维度，有不同的分类：
1.常见的根据展现的形式分为单标签、双标签：

<h1></h1>     <!--两个标签，其中前面是起始标签，后面是结束标签,其中结束标签要有“/”，且在标签名之前-->

<br/>         <!--只有一个标签是单标签；其但标签的“/”要写在标签名之后-->

2.根据页面展示效果分为三类：
(1).行内标签：多个标签可以齐居一行；

<span></span>
<a/>
<b></b>
<lable/>

(2).块标签：1.每个标签可以独占一行；2.可以设置宽高；

<div></div>
<p></p>
<h1></h1>-<h6></h6>
<ul></ul>
<ol></ol>
<dl></dl>
<li></li>
<p></p>

(3).行内块标签：1.可以多个标签齐居一行；2.可以设置宽高；

<img/>
<input/>
<textarea/>

常见的标签及作用：

!DOCTYPE html>                              <!--定义文档类型为html5-->
<html>                                      <!--定义html文档--->
    <head>                                  <!--定义文档头部信息-->
        <meta charset="utf-8">              <!--定义文档编码方式-->
        <title>菜鸟教程(runoob.com)</title>  <!--定义文档title信息-->
        <link>                              <!--定义文档与外部资源的关系-->
        <style></style>                     <!--css样式表-->
    </head>                                 <!--header结束标签-->
    <body>                                  <!--定义文档主体信息-->
        <h1>标题</h1> 
        
        <p>段落</p>
        
        <input/><!--输入框-->
        
        <form> <!--表单开始标签-->
        
        </form> <!--表单结束标签-->
        
        <img/>  <!--图片标签-->
        
        <video/> <!--视频标签-->
        
        <audio>  <!--多媒体标签-->
        
        <ifream/>  <!--内联标签（页面嵌套）-->
        
        <ul>   <!--列表标签-->
            <li>无序列表标签</li>
            <ol>有序列表标签</ol>
            <dl>定义列表标签</dl>
            <dt>定义列表项目标签</dt>
        </ul>  <!--列表结束标签-->
        
        <table>   <!--表格标签-->
            <tr>  <!--表格行-->
             <td></td> <!--表格格子(有多少列，就需要多格子)-->
            </tr>
        </table>
        
        <canvas>画板</canvas>
        
        <span>行内布局标签<span>
        <div>块级布局标签</div>
        <br/>  <!--换行-->
        
        <script>js代码块</script>
    </body> 
</html>

标签通用属性：

1.id 每个标签独一无二的id标识，且只能有一个id；
2.class 类属性（可重复），可有多个类；
3.style 样式属性，行内样式；
3.name 标签名；

私有属性：

针对不同的标签，有不同的私有属性，这里就不一一例举了，推荐菜鸟教程

HTML标签简介

前言：

HTML介绍：

语法：

分类：

常见的标签及作用：

标签通用属性：

私有属性：