返回

HTML学习笔记—HTML的框架

见解分享

简而言之,HTML是构建网页的基本框架,网页的文字、图片、链接、表单等都是通过HTML代码来实现的。

HTML的全称是HyperText Markup Language,即超文本标记语言。它是用于创建网页的标准标记语言。HTML是由蒂姆·伯纳斯-李于1989年发明,并于1991年作为互联网的标准发布。

HTML是一种标记语言,这意味着它使用标记来表示文档中的元素。例如,

标记表示段落,而标记表示链接。

HTML文档由一系列元素组成。每个元素都有一个开始标记和一个结束标记。开始标记以尖括号(<)开头,结束标记以尖括号和斜杠(</)开头。例如,一个段落的开始标记是

,而结束标记是

HTML元素可以嵌套在其他元素中。例如,一个段落可以包含一个链接。为了做到这一点,您只需将链接标记放在段落标记内。例如,下面的代码创建一个段落,其中包含一个链接到谷歌的链接。

<p>这是一个段落,其中包含一个链接到谷歌的链接。</p>

HTML有许多不同的元素,每个元素都有自己的用途。下面列出了HTML中的一些最常用的元素:

  • <p>:段落
  • <a>:链接
  • <img>:图像
  • <ul>:无序列表
  • <ol>:有序列表
  • <table>:表格
  • <form>:表单

HTML是一种强大的语言,可以用来创建各种各样的网页。如果您想学习如何创建网页,那么HTML是一个很好的起点。

HTML的结构

一个完整的HTML文档通常包含以下几个部分:

  • HTML声明:HTML声明位于文档的最前面,它告诉浏览器正在使用哪个版本的HTML。
  • HTML头部:HTML头部包含一些关于文档的信息,如文档的标题、作者、以及一些样式信息等。
  • HTML主体:HTML主体是文档的主体部分,它包含了文档的正文内容。
  • HTML尾部:HTML尾部位于文档的最后,它通常包含一些关于文档的版权信息等。

HTML中的常用元素

HTML中有许多不同的元素,每个元素都有自己的用途。下面列出了HTML中的一些最常用的元素:

  • <p>:段落
  • <a>:链接
  • <img>:图像
  • <ul>:无序列表
  • <ol>:有序列表
  • <table>:表格
  • <form>:表单

HTML中的语义化

HTML中的语义化是指使用正确的HTML元素来表示文档中的内容。例如,使用

元素来表示文档的标题,而使用

元素来表示文档的正文内容。

HTML中的语义化很重要,因为它可以使浏览器更好地理解文档的内容。这可以帮助浏览器更准确地显示文档,也可以帮助搜索引擎更好地索引文档。

HTML的解析运行

当浏览器加载一个HTML文档时,它会对文档进行解析。解析的过程是将HTML代码转换为文档对象模型(DOM)。DOM是一个树形结构,它表示了文档中的元素及其之间的关系。

浏览器在解析HTML文档时,会首先加载HTML声明。然后,它会加载HTML头部。接着,它会加载HTML主体。最后,它会加载HTML尾部。

在加载HTML文档时,浏览器会对HTML代码进行一些处理。例如,浏览器会将HTML标记转换为小写,并会忽略HTML代码中的空格。

浏览器在解析HTML文档后,就会将文档显示在窗口中。