用HTML编写:基本的HTML概念

它比你想象的更容易

一个好的CMS可以很容易地发布文章到您的网站。 但是究竟发布了什么? 几段文字。 如果该文本格式不正确,那么您的可爱文章将在您的网站上显示为失效。

好消息是:如果你学会用HTML编写,你的文章看起来会很棒。 有了几个基本概念,您将很快就能用HTML编写代码。

HTML:Web浏览器的语言

“HTML”代表“超文本标记语言”。 基本上,这是一种用于标记 文本语言 ,因此它可以做一些花哨的事情,如粗体显示或链接到其他网站。

HTML是您浏览器的基本语言。 我们为互联网使用了许多编程语言(PHP,Perl,Ruby和其他),但它们最终都吐出了HTML。 (好吧,或JavaScript,但让我们保持简单。)

您的浏览器使用HTML,并将其制作成漂亮的网页。

学习用HTML编写,你就会知道你告诉浏览器要做什么。

HTML标记普通文本

HTML是一种标记语言,所以大多数“HTML”只是纯文本。 例如,这是非常好的HTML:

你好。 我是HTML。 令人兴奋的。 是的。 惊人。

但是等等,你说。 这看起来不像计算机语言! 它看起来像英语!

是。 现在你知道了这个伟大的秘密。 HTML(正确使用时)是可读的文本。

从你的文字处理器体验中学习

当然,我们不仅仅需要纯文本。 我们想要,例如斜体

您已经知道如何在文字处理程序(如Microsoft Word或免费的LibreOffice)中获得斜体。 你按下小I按钮。

您从此键入的所有内容都以斜体显示。 您可以键入页面。 你如何制止这个重点节日? 再次按下I按钮。 现在你的字体恢复了正常。

如果你回到斜体字的中间并添加一些文本,它也将以斜体显​​示。 在“开启”斜体的起始点和关闭它的终点之间有一段斜体区域

不幸的是,这些端点是不可见的。

看不见的终端可能会导致很多痛苦。 把斜体关掉很容易,然后用光标做一些失误并发现你仍然用斜体。 你试图再次关闭它们,但不知怎的,你再次移动,所以关闭它们真的让它们开启 ......这是一团糟。

HTML使用标签"

HTML也使用端点。 区别在于,在HTML中,您可以看到这些端点。 你输入他们。他们被称为标签

假设您想要修改前面的示例。 你想要把“Exciting”这个字改成斜体。 你可以输入 Exciting 。 喜欢这个:

你好。 我是HTML。 励磁的。 是的。 惊人。

您可以将其保存在文本编辑器中,然后将HTML复制并粘贴到CMS中的“新文章”框中。 当浏览器显示页面时,它将如下所示:

你好。 我是HTML。 令人兴奋 。 是的。 惊人。

与文字处理器不同,您在输入时不会看到斜体字。 你输入标签。 浏览器读取标签,使其不可见,并遵循其说明。

看到所有这些标签可能令人讨厌,但正确的文本编辑器使这更容易。

打开和关闭标签

再看看标签。 打开斜体,就像您第一次点击I按钮。 关闭斜体,就像第二次点击。

而不是点击一个按钮,你正在输入小标签。 一个开始标签以启动斜体,一个结束标签来阻止它们。

请注意标签之间的差异。 结束有一个/,一个斜杠。 HTML中的所有结束标记都将具有该斜线。

不要忘记关闭标签

关闭标签相当重要。 如果你忘记了这个结局,怎么办?

你好。 我是HTML。 刺激。 是的。 惊人。

这就像你忘了再次点击来关闭斜体。 你会得到这个:

你好。 我是HTML。 令人兴奋的。 是的。 惊人。

一个错过的标签可以将您的整篇文章甚至是网页的其余部分变成斜体的河流。

这可能是你可以做到的最简单也是最令人不安的初学者的错误。 但很容易修复。 只需在结束标记中弹出即可。

现在学习一些标签

恭喜! 你了解基本的HTML!

普通文本标记了开始和结束标记。 这是非常多的。

现在去学习一些基本的HTML标签。 (你可能想先得到一个体面的文本编辑器。)