HTML是用于创建网站的基本编程语言,如果你正在考虑从事网页设计或开发的工作,那么HTML知识是必须的,但即使在其他行业,比如营销, HTML也可以派上用场。

HTML是由物理学家Tim Berners-Lee在20世纪90年代末创建的,并且多年来一直在不断修订和更新。在这篇文章中,我们将提供基本HTML的最终介绍。

HTML是什么意思?

HTML代表超文本标记语言,它是用于创建网站的计算机语言。HTML描述了如何通过互联网浏览器显示文档。

超文本基本上是包含指向其他文本的链接的文本,您可以单击这些链接跳转到其他页面或文本部分。

该标记部分是指HTML标签,并在其内部的文本。我们稍后会详细讨论标签,但这是一个简单的例子:

<b>此文字应为粗体。</ b>

在这种情况下,<b>和</ b>是HTML标记,他们将封闭的文本标记为“粗体”因此,HTML的“标记”元素。

最后,HTML是一种语言!

HTML如何工作?

HTML的工作原理是告诉互联网浏览器如何显示页面。

首先,作者使用计算机上的基本文本编辑器来创建HTML文档。然后,作者使用HTML标记用一系列HTML元素填充HTML文档。正如我们之前在标记示例中看到的那样,标签确定了封闭文本的显示方式,我们将在下一节中解释如何编写标签。

文档完成后,作者将其保存为html文件并在其Internet浏览器中打开。然后,浏览器读取文件并按照说明以某种方式呈现页面,由HTML标记提供。

因此,当您使用“b”标签时,您实际上是在告诉浏览器以粗体显示此句子:<b>请将此句加粗!</ b>

当浏览器读取此内容时,它知道如下所示显示句子:请将此句加粗!

当然,HTML标签不会显示在浏览器中。

编写HTML:基础知识

标签

我们知道HTML标签告诉浏览器应该如何显示所附文本,但是如何编写这些标签?

标签写在尖括号内,并且倾向于成对出现,因此,它们包括开始和结束标签。例如,<p>标记用于表示新段落。开始标记如下:<p>。在此标记之后,您可以编写段落。要完成,请添加结束标记,该标记与开始标记相同,但带有正斜杠。在这种情况下,它将是:</ p>。

包含文本的一对标记称为元素,以下是常见HTML元素及其相应标记的一些示例:

<h1>这是标题</ h1>

<p>这是一个段落。</ p>

<b>这是一个大胆的句子。</ b>

<i>这是一个斜体句。</ i>

大多数HTML标签都遵循这种开闭模式,但也有一些标签只需要一个开始标签才有效。这些被称为单例标记,包括用于表示换行符的内容,以及用于包含图像的<img>。浏览器将理解并处理这些标签,而无需关闭标签。

属性

您还可以为HTML元素指定属性,属性提供有关标记中包含的文本的额外信息。例如,如果您想在HTML文档中超链接“我的网站”这一短语,您首先应使用标记对<a>和</a>来指定文本应该链接。要告诉浏览器文本应链接到哪里 – 即链接地址 – 您使用href属性。属性(如文本)始终包含在标记中:

HTML: <a href=”https://www.simcf.cc”>我的网站</a> 

这只是一个非常简单的介绍 – 当您深入研究HTML时,您将学习更多关于属性的知识,但是现在我们将坚持这些基础知识。