web前端学习第1课 通俗易懂了解HTML基本原理

快速学习HTML基本原理
1.HTML解释
首先来看看HTML这四个大写字母的意思。H：Hyper(超级的)，T：Text（文本），M：MarkuP（标记），L：Language（语言）。翻译成中文就是：超文本标记语言。
现在来解释这句话的意思：它是一门语言，这门语言是用来编写网页的。这门语言是纯文本的（纯文本：只有字母，数字，汉字和符号）。这门语言是由各种功能的标记（也叫标签）组成的。例如、段落有段落的标签；图片有图片的标签；视频有视频的标签等。超文本：这种语言虽然是纯文本写的，但是可以显示出超出文本的东西，如图片、视频、音频动画等。
总之，一句话解释就是：给你要显示出来的内容打上标签，虽然你是用纯文本编写的（字母、符号、汉字、数字），但是可以显示超出文本内容的东西（图片、视频、音频、动画等）
2.HTML工作原理
（1）来看一个简单的例子，假如你是网页编写者，你想在自己网页上显示“欢迎进入我的网站”这句话，让浏览你网页的用户看到。请看这个过程：
第一步：在记事本中输入“欢迎进入我的网站”这句话，记事本只能编写纯文本文档（HTML就是纯文本嘛！）
第二步：用段落标签将这句话包装起来。

欢迎进入我的网站

，先来解释一下，P就是paragraph这个单词的缩写，中文意思就是段落，

…

就是标签，你可以理解为包装盒。
第三步：用户浏览这个网页时，浏览器将

欢迎进入我的网站

这个包装拆开拿掉显示为一个段落，这个段落内容就是：欢迎进入我的网站。然后浏览你网页的用户就看到了。
（2）在上面的过程中涉及到四个人（物）：
W3C：这是一个组织，它提供了各种各样功能的标签，有包装段落的标签，有包装视频的标签，还有包装图像的标签等等。你可以把标签理解为包装物品的盒子，W3C就是包装盒供应商。
网页编写者：也就是你自己。将你的文本，视频，图像利用W3C提供的包装盒(即标签)包装起来，发送到你的网站上供你的用户浏览。
浏览器：标签解释翻译者，可理解为包装拆开者。将你用标签进行包装的内容拆开，显示实际的内容（如文字，视频，音频等）
用户：打开浏览器浏览你网页的用户。经过浏览器的拆包，你的用户看到的就是实际内容。
3.HTML4、XHTML及HTML5的关系
HTML4:第四代HTML，用标签来包装你要显示的内容，标签就是英文单词的缩写。
XHTML：和HTML标记一样。只不过写法严格而已。
HTML5：第五代HTML，比第四代多了一些标签而已。
4.HTML作用
用标签包装你的网页各组成部分，形成纯文本文档（只有汉字、字母、数字和符号），当用户浏览你的网页时，浏览器拆开包装（也就是解释标签）显示为实际的网页内容（文本、图片、视频、音频）。