什么是HTML?----相知

1.HTML是什么:

         超文本标记语言 Hyper Text Markup Language

          作用：生成网页的结构（通过标记对网页的元素进行描述）

          标签/标记：用<>括起来的英文单词来表示一个标记/标签

2.HTML的发展：

     

        *现大多数学习是从HTML4.0版本开始学到HTML5

3.网页的形成：

      屏幕后的前端开发人员编写HTML代码通过浏览器渲染后形成精美的页面展现在我们面前

4.常见浏览器及其内核：

浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。称为5大浏览器。

   主流浏览器内核与前缀(笔试题/面试题)：

1. IE内核 (Trident)   IE浏览器前缀为 -ms-
2. Firefox内核 (Gecko） 火狐浏览器前缀为 -moz-
3. Safari内核（Webkit） 苹果浏览器前缀为 -webkit-
4. Opera内核（Presto） Opera浏览器前缀为 -o-
5. Chrome内核（Blink）谷歌浏览器前缀为 -webkit-

5.HTML骨架格式：

                    html标签 —— 根标签 所有的标签都要放在html标签的里面
                   head标签——元信息 不需要展示在页面上的控制信息
           title标签——标题 网页的标题
   
     

                                body标签—— 网页的主体部分，用于存放所有的html标签
   

6. HTML标签分类

 1.双标签

   语法：<标签名>内容

语法中“<标签名>”表示该标签的作用开始，一般称为开始标(start tab),“”表示该标签的作用结束，一般称为结束标签。如下：

我是div

  双标签中可以再嵌套其它标签，也可以嵌套内容​

2.单标签

  语法：<标签名 />

单标签也称为空标签，是指用一个标签符号即可完整的描述某个功能的标签。如下：

单标签只能有属性，不能嵌套其他标签及内容

7.标签的关系：

   1.嵌套关系：父子关系

         一个标签的开始与结束必须被包含在另一个标签的里面（规范）

   2.并列关系：兄弟关系 同层级 没有嵌套

8.嵌套规则了解：

**嵌套是有规范的 要遵守 有些规范不遵守浏览器解析会有错乱

解析错乱： p标签不能嵌套块级元素甚至不能嵌套p元素，只能嵌套内联元素，

*行内(不能设置宽高，不引起换行 )：span i b s u strong del ins em

*块级(可以设置宽高，会换行)：h1-h6 div p body

内联不能嵌套块级，块级可以嵌套内联元素

有几个特殊的块级元素只能嵌套内联元素，不能嵌套块级元素：h1~h6、p、dt

9.开发工具：

     常见的开发工具有：VS Code、Dreamweaver、SublimeText、WebStorm、Hbuilder....

 

10.文档类型

作用：html有多个版本，每个版本存在差异，让浏览器能正确编译，在第一句告诉浏览器我们使用的是什么版本  不区分大小写的

通用声明

HTML5 :

HTML 4.01 :

11.字符集

UTF-8：是目前最常用的字符集编码方式，包含了全世界所有国家需要用到的字符

GB2312：简单中文，包括6763个汉字

GBK：包含全部中文字符，是GB2312的扩展，加入了对繁体字的支持，兼容GB2312

BIG5：繁体中文，港澳台等用