HTML系列之认识HTML

一.欢迎来到我的酒馆

        从零开始HTML。

二.网页的本质

        我们看到的网页，如百度，京东等，网页背后的本质是什么？一堆代码，前端程序员写的代码。
        我这边用的是谷歌浏览器，打开百度，右键空白处、检查。就可以看到网页背后的源代码了。


        我们看到的文字，图片，视频，音频等内容，浏览器是怎么把它们转化成漂亮的文字，图片…的呢？浏览器内部有一个渲染引擎（也称之为浏览器内核），渲染引擎是专门对代码进行解析渲染，渲染之后就可以看到漂亮的文字，图片等内容。不同的浏览器，渲染引擎也不一样，解析渲染相同代码时，速度、性能、效果也不一样。
常见浏览器及内核：

浏览器名称	内核	说明
IE	Trident	IE浏览器内核
Firefox	Gecko	火狐浏览器内核
Safari	Webkit	苹果浏览器内核
Chrome/Opera	Blink	Webkit的一个分支

三.Web的三大标准

        浏览器厂商不一样，其内核也不同，渲染的网页效果也不一样。为了解决这个问题，写代码就按照一个标准去写，这个标准就是Web标准。

构成	语言	说明
结构	HTML	负责网页的结构，将文字，图片，视频等放到网页里面。
表现	CSS	负责网页的美观，给网页美化用的，如颜色、字体等。给网页“化妆”用的。
行为	JavaScript	负责网页的动态效果，交互效果。

一张小鸟的图片理解一下它们三者之间的关系：

四.什么是HTML

        HTML(Hyper Text Markup Language)超文本标记语言 , 它是一门定义内容结构的标记语言。超文本，可以理解为：超出文本范畴，像Word文档一样，不仅有文本段落，图片，还有声音，视频等。标记，可以理解为：给内容做的一个记号，方便我们阅读。如：我们常见的笔记，可以使用不同颜色的笔来做记号。同样地，在HTML中也可以使用 “不同颜色的笔” 做记号！这里的记号就是我们常说的HTML标签了。
        在web网页方面，HTML是一种所有浏览器都支持的标准文档格式，浏览器把HTML转换成你在屏幕上看到的内容。前面说过超文本，它可以把一段文本转换成超链接，因此我们可以浏览任何html文档。标记语言是一门计算机语言，它有许多易于理解的关键字、名称和标记，而且也有助于表示网页的整体布局和表示它包含的数据。换句话说，通过向用户提供各种段落、链接、标题，HTML定义了特定部分的结构。HTML不是一门编程语言，它不像其他编程语言那样可以创建动态函数。当我们写HTML代码的时候，我们只使用包含标记和属性的简单代码来创建网页的结构，HTML由浏览器显示，这就好比编程语言有创建动态函数的作用。编程语言可以有输入和输出，在计算表达式的时候，编程语言也可以调用动态函数。但是HTML没有输入和输出，也不可以调用动态函数。因此，HTML不能称之为编程语言。
        HTML组织成立于1990年，它是Tim Berners-Lee发明的。他是瑞士CERN研究所的物理学家，他想出了一套基于互联网的超文本系统。在1993年，Tim Berners-Lee首次发表了这套系统。现在，WHATWG(Web Hypertext Application Technology Working)组织致力于应用程序的开发。
        标签，它是HTML文档的基本结构

        例如，输入下面的内容：

意大利辣味香肠披萨
巴厘岛风味披萨

可以使用p标签，标记一个段落。下面的第二行用了html p标签，告诉浏览器这是一个段落。

是开始标签，对应地，

就是结束标签，结束标签比开始标签多了一个"/"。

意大利辣味香肠披萨
<p>巴厘岛风味披萨 p>

HTML语法：

<标签> 内容

五.深入理解段落标签

         前面说过，p标签用于标记一行段落，告诉浏览器被标记的内容为段落。

一张图理解元素、标签、内容。

<p>巴厘岛风味披萨 p>