1: 认识html的基本结构

  1：html 标签，网站最外层的父级标签，其他所有标签都必须包含在这里面
  2：head 标签，网站头部标签，head里面的代码不会被用户看见，是给浏览看的
  3：body 标签，网站的主体内容标签，这里面的代码会被用户看到。

  



2：html的常用标签及其作用和功能

  学习参考地址：http://www.runoob.com/tags/html-reference.html

  meta：元数据标签，它类似一个工具箱，里面有很多能实现不同功能的代码，具体不需要强制记忆，直接百度即可
  参考地址：https://blog.csdn.net/weixin_39717076/article/details/80332134


  <meta charset="UTF-8"> 设置中文编码，防止浏览器中文乱码

  title：设置网站标签卡的标题

   题外话：前端开发最讨厌IE浏览器(6,7,8,9)，因为前端的很多新特效或者说是js代码，老旧的IE浏览器都不支持

   img: 显示图片用的

   a: 显示一个超链接，可以从一个地方跳转到另外一个地方

   h1 ~ h6：标题标签，用于设置文章标题，规律是数字越小显示效果越大！
            一般用于，网站文章中来设置标题，具体使用哪一个根据你的实际需求决定！！！

   p：在文章中显示一个段落(文章的正文)
      特点：
        1：自带上下的文章边距
        2：它是一个  块级标签
   
   button: 用于在网页上显示一个按钮    

   br : 实现网站内容或者元素的换行 相当于回车键的作用

   
   input: 让用户可以在页面上输入内容信息，根据其type属性的不同可以实现不同的功能
          还可以组合其它标签实现更多功能

        学习地址：http://www.runoob.com/tags/tag-input.html

3：提前说一下css