HTML详解
小博在讲解 Markdown 的使用时,看到HTML这个新名词,于是小博快马加鞭去搞明白了什么是HTML,下文主要介绍的是HTML是什么,怎么用,以及和Markdown的关系。
一、HTML是什么
HTML:超文本标记语言,是一种用于创建网页和Web应用的标记语言。
一句话概括:HTML 是构建网页的骨架和结构。
超文本:指的是它不仅包含文本,还可以包含图片、链接、音频、视频等非文本内容,以及链接到其他文档的“超链接”。
标记语言:意味着它使用一系列标签来“标记”或“描述”网页的内容结构,告诉浏览器如何显示这些内容。
基础语法:HTML 的核心是一系列预定义的标签。标签通常成对出现,用来包围和描述不同的内容。
<标签名>内容</标签名>
其中,标签可以拥有属性,为元素提供附加信息。例如,<a href="https://example.com">
中的 href
就是属性,它指明了链接的目标地址。属性总是在开始标签中指定。
一个生动的比喻
如果把一个网页比作一栋房子:
HTML 就是房子的钢筋、水泥、砖墙和梁柱。它定义了哪里是承重墙,哪里是门,哪里是窗户,从而搭建出房子的基本结构和空间划分。
CSS (后面你会学到) 则是房子的装修。它决定了墙刷什么颜色、地板用什么材质、窗帘是什么风格,即网页的视觉效果。
JavaScript 是房子的水电和智能家居系统。它让灯可以开关、水龙头可以出水、空调可以自动调节,即网页的交互行为和动态功能。
没有HTML这个骨架,CSS和JavaScript就无从谈起。
二、HTML 是如何工作的?
开发者编写HTML文件:开发者创建一个以
.html
结尾的文件,并使用HTML标签编写内容。浏览器请求HTML文件:当你在浏览器地址栏输入一个网址并访问时,浏览器会向服务器请求这个HTML文件。
浏览器解析并渲染:浏览器接收到HTML代码后,会解析这些标签,并根据标签的含义将内容以可视化的形式呈现给用户。
你可以在任何网页上右键点击,选择“查看页面源代码”,看到的代码就是该网页的HTML。
三、HTML 与 Markdown 的关系
还记得我们刚才学的 Markdown 吗?它们之间有着密切的联系:
Markdown 是简化版:Markdown 的语法之所以简单,是因为它的最终目的常常是为了转换成 HTML。你用
#
写的标题,最终会变成<h1>
标签;用**
加的粗体,最终会变成<strong>
标签。HTML 是基础:HTML 是 Web 的基石,浏览器最终理解和渲染的都是 HTML。Markdown 是一种更方便的、面向写作者的“ shorthand ”(简写形式),而 HTML 是浏览器能读懂的“原生语言”。
你可以把 Markdown 看作是一个自动生成HTML代码的工具。
下篇我们详细介绍 Markdown 的使用!!
这里小博送给大家自己喜欢的一句话:人在低谷时勿扰人,人在高处时勿戏人,人在相遇时勿算人,人在离别时勿毁人,人在争取时要像人,人在放下时才是人。