1. 教程
  2. HTML 教程
  3. HTML 入门

HTML 入门

Created: October-16, 2018

HTML 文件只是一个以 .html 或 .htm 扩展名保存的文本文件（即与.txt 扩展名相对）。

入门

在这里，你将了解创建 HTML 文档（即网页）是多么容易。要开始编码 HTML，你只需要两个东西：简单文本编辑器和 Web 浏览器。

好吧，让我们直接进入它。

创建你的第一个 HTML 文档

让我们来完成以下步骤。在本教程结束时，你将创建一个 HTML 文件，在 Web 浏览器中显示“Hello world”消息。

第 1 步：创建 HTML 文件

打开计算机的纯文本编辑器并创建一个新文件。

提示： 我们建议你仅使用最简单的文本编辑器，如记事本（在 Windows 下），TextEdit（在 Mac 上）。一旦理解了基本原理，就可以切换到更高级的工具，例如 Dreamweaver。

第 2 步：输入一些 HTML 代码

从空窗口开始，然后键入以下代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>A simple HTML document</title>
</head>
<body>
    <p>Hello World!<p>
</body>
</html>

第 3 步：保存文件

现在将文件保存为桌面上的 myfirstpage.html。

**注意：**指定 .html 扩展名很重要 - 某些文本编辑器（如记事本）将自动另存为 .txt 。

在浏览器中打开文件。导航到你的文件，然后双击它。它将在你的默认 Web 浏览器中打开。 （如果没有，请打开浏览器并将文件拖到它上面。）

代码说明

你可能会想到该代码的全部内容。好的，让我们直接进入它。

  • DOCTYPE 声明 - 一行定义 HTML5 文档类型。
  • 声明性标题部分（由 HEAD 元素包含） - 提供有关文档的信息，包括标题，样式信息和脚本。
  • 文档正文（由 BODY 元素包围） - 包含在 Web 浏览器中呈现并显示给用户的文档的实际内容。

你将在接下来的课程中了解 HTML 文档的各种元素。我们建议你尝试一下你在这里学到的一切。

HTML 标签和元素

HTML 以 HTML 元素的形式编写，包含标记标记。这些标记标记是 HTML 的基本特征。每个标记标签由一个关键字，由尖括号括起，如 <html> ， <head> ， <body> ， <title> ，等。

HTML 标签通常都成对出现比如 <html> 和 </html> 。一对中的第一个标记通常称为开始标记（或开始标记），第二个标记称为结束标记（或结束标记）。

开始标记和结束标记是相同的，除了在结束标记的开始尖括号之后的斜杠（/） 之外，告诉浏览器该命令已经完成。在这些标签之间，你可以添加标题，文本段落，表格，表格，图像，视频等。例如，由 p 元素表示的段落将写为：

<p>This is a paragraph.</p>

你将在下一章中了解有关 HTML 元素的 更多信息。