HTML 5 编程与网页开发/HTML 5 元素

HTML 标签

在 HTML 中，标签用于创建网页元素。元素的例子包括段落和标题。标签用尖括号括起来，像这样：<tag> 一个 HTML 5 标签的例子是 h1。这个标签创建了一个标题元素，它的写法是这样的。

<h1>Hello world!</h1>

h1 是 HTML 中最高级别的标题。把它想象成新闻故事的标题。有两种类型的标签。第一种，就像你在这里看到的那样，以 <h1> 开头，以 </h1> 结尾。这些标记显示了标题的开始和结束位置。同样，段落以 <p> 开头，以 </p> 结尾。第二种类型的标签是自闭合的；也就是说，它没有第二个标签来标记它的结束。

一些自闭合标签的例子是 <br/>（换行）、<hr/>（水平线）、<input/>（接受用户输入的元素）和 <meta/>（包含有关网页本身信息的元素）。

虽然自闭合标签上的结束斜杠 (/) 是可选的，但将其包括在内被认为是最佳实践。

HTML 元素

HTML 元素是网页中的一个对象。一些例子包括图像、段落、标题和视频。它们以开始标签开头，以结束标签结尾。HTML 5 有不同种类的元素，我们将在本课程中学习。

如何编写 HTML 元素

要编写 HTML 元素，我们首先编写开始标签<title>。然后我们编写元素的内容：我的第一个 HTML 页面。然后我们编写结束标签。</title>。当你把它们放在一起时，你就得到了一个 HTML 元素。

<title>My first HTML 5 page</title>

嵌套元素

HTML 元素的内容可以是另一个元素。这叫做“嵌套”。例如

<head>
  <title>My first HTML tag</title>
</head>

注意：HTML 5 中忽略换行符。

<b>
This is
Multiline
Text.
</b>

这段代码实际上会呈现成这样：这是一个多行文本。 为了实现多行，我们实际上使用了换行标签<br/>。

HTML 5 元素列表

注意，这只是一份简短的元素列表

<p>
<input>
<table>
<body>
<header>
<nav>
<article>

格式良好的 HTML 文档示例

about:blank

<!doctype html>
<html>
  <head>
 <meta charset="utf-8"/>
  <title>Title</title>
  </head>
  <body>
	 <p>This is a normal Text</p>
	 <p><b>This Is Bold text</b></p>
  </body>
</html>

<!doctype html> 不是 HTML 标签，因此它没有结束标签或终止斜杠。它是一个文档类型定义，我们将在随后学习。