HTML入门

在本文中，我们介绍了HTML的绝对基础。为了让您入门，本文定义了元素，属性以及您可能已经听说过的所有其他重要术语。它还说明了这些在HTML中适合的位置。您将学习HTML元素的结构，典型HTML页面的结构以及其他重要的基本语言功能。一路上，也将有机会玩HTML！

HTML（超文本标记语言）不是编程语言。它是一种标记语言，可以告诉Web浏览器如何构造您访问的网页。它可以像Web开发人员希望的那样复杂或简单。HTML由一系列元素组成，您可以使用这些元素来包围，包装或标记内容的不同部分，以使其以某种方式显示或起作用。封闭标签可以使内容成为超链接，以连接到另一个页面，斜体化单词等。例如，考虑下面的文本行：

My cat is very grumpy

如果我们希望文本独立存在，则可以通过将其放在段落（<p>）元素中来指定它是一个段落：

<p>My cat is very grumpy</p>

让我们从上一节中进一步探讨我们的段落元素：

我们元素的解剖结构是：

• 开头标记：它由元素的名称（在此示例中为p表示）组成，并包装在打开和关闭尖括号中。此开始标记标记元素开始或开始生效的位置。在此示例中，它位于段落文本的开头。
• 内容：这是元素的内容。在此示例中，它是段落文本。
• 结束标记：与开始标记相同，不同之处在于它在元素名称之前包含一个正斜杠。这标记了元素结束的位置。未能包含结束标记是一个常见的初学者错误，可能会产生特殊的结果。

元素是开始标签，后跟内容，然后是结束标签。

编辑通过与标签包装它下面的“编辑代码”区域的线条<em>和</em>.要打开的元素，把起始标签<em>在该行的开始。要关闭元素，请将结束标记</em>放在行尾。这样做应该使行斜体文本格式！在“输出”区域中实时查看所做的更改更新。

如果输入有误，可以使用“重置”按钮清除您的工作。如果您确实遇到问题，请按“显示解决方案”按钮以查看答案。

元素可以放置在其他元素内。这称为嵌套。如果要声明我们的猫非常脾气暴躁，可以将单词非常包装在一个<strong>元素中，这意味着该单词应具有更强的文本格式：

<p>My cat is <strong>very</strong> grumpy.</p>

嵌套有对与错的方法。在上面的示例中，我们p首先打开了元素，然后打开了strong元素。为了正确嵌套，我们应该先关闭strong元素，然后再关闭p。

以下是错误的嵌套方法示例：

<p>My cat is <strong>very grumpy.</p>