html简单介绍

含义

HTML指的是超文本标记语言(HyperText Markup Language)，它是用来描述网页的一种语言HTML不是一种编程语言，而是一种标记语言(markuplanguage)。标记语言是一套标记标签(markup tag)
    所谓超文本，有2 层含义
    1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制 )。
    2.它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接(超级链接文本 )。

理解

html本身挺简单的，因为html全部都是由标签构成的，要什么直接摆标签就行（跟堆积木差不多）。不过标签也得注意注意，因为标签这东西也不是全能的，写太复杂不好看。精简html是写前端的奥义吧。必须得提一句，前端的各种各样的文件在做项目时最好分开，方便后续的各种更迭操作，例如单独把css文件放一个文件夹，单独把图片文件放一个文件夹等。
说一个最简单的例子，炒菜要放各种各样的调味料，而未炒菜前调味料和炒菜的材料等等都是分开的，只有在炒菜的时候需要才会对应的拿点加到正在煮菜的锅里。

常见的标签：

    1.双标签
        <html></html>
        还有：<body> <head> <meta> <link> <style> <script> <div>  
    2.单标签
        <input> <vido> <img>
    ```html

### 兼容问题

    其中，html5新增了许多新的标签，部分很贴合标签的语义，但高版本的html会出现兼容性的问题，css的高版本也同样如此。
    例如  <vido> 就是新增的标签。
    所以，在做开发时，得注意这些东西有没有版本限制，如果是移动端就没必要担心兼容性的问题。

### 常见的一些html标签

```html
盒子标签
<div></div> 

列表标签
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

链接标签
<a href="链接地址">

输入输出的input
<input type="button" value="">

表单标签
<form action="" method="post"></form>

表格标签
<table>
    <!-- 第一行 -->
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <!-- 第二行 -->
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

引用修饰文件的说明

html的鸡肋处

HTML其实是很单调的，仅仅只有一个骨架。想要有绚丽多彩的效果，就得引入css样式进行修饰。
HTML的标签有很多种，不局限于上面的那几种，不过经常用到的时div。

html调用class和id进行修饰的控制

通过类名或者id来控制div的样式。

    <div class="nav" id="tab_nav" >
```html

    类名可以被多次调用，id名不行。