如何创建HTML页面

在本教程中，您将了解创建 HTML 文档或网页是多么容易。要开始编写 HTML 代码，您只需要两个东西：一个简单的文本编辑器和一个 Web 浏览器。好吧，让我们开始创建您的第一个 HTML 页面。

HTML 文件是以 .html 或 .htm 扩展名保存的文本文件。

 

创建您的第一个 HTML 文档

在本教程结束时，您将制作一个 HTML 文件，在您的 Web 浏览器中显示“Hello world”消息。创建第一个HTML文档的步骤如下：

 

第 1 步：创建 HTML 文件

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

提示：我们建议您使用记事本（在 Windows 上）、TextEdit（在 Mac 上）或其他一些简单的文本编辑器来执行此操作；不要使用 Word 或写字板！了解基本原理后，您可以切换到更高级的工具，例如 Adob​​e Dreamweaver。

 

第 2 步：输入一些 HTML 代码

从第一行开始键入以下代码：

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

在线运行

 

第三步：保存文件

现在将文件保存在桌面上并命名为“myfirstpage.html”。

注意：指定扩展名.html很重要——一些文本编辑器，例如记事本，会自动保存.txt。

在浏览器中打开您的文件，双击它。它将在您的默认 Web 浏览器中打开。如果没有成功，请打开浏览器并将文件拖到其中。

 

代码说明

您可能会不清楚这些 代码是干什么的。好吧，让我们来了解一下。

  • 第一行<!DOCTYPE html>是文档类型声明。它指示 Web 浏览器该文档是 HTML5 文档。它不区分大小写。
  • <head>元素标签提供有关文档的信息，例如，<title>标签定义了文档的标题。
  • <body>元素包含在 Web 浏览器中并将文档的实际内容显示给用户（段落、链接、图像、表格等）。

您将在接下来的章节中详细了解不同的 HTML 元素。现在，你只需要关注 HTML 文档的基本结构。

注意： DOCTYPE 声明出现在网页顶部的所有其他元素之前；但是 doctype 声明本身不是 HTML 标记。每个 HTML 文档都需要一个文档类型声明，以确保您的页面正确显示。

提示：<html>、<head>和<body>标签构成了每个网页的基本骨架。<head>和</head>中的内容对用户是不可见的，但有一个例外：<title>和</title>标签之间的文本将在浏览器选项卡上显示，这是页面的标题。

 

HTML 标签和元素

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

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

开始标记和结束标记是相同的，只是结束标记多了一个斜线/, 这个斜杆是来告诉浏览器命令已经完成。

在开始和结束标记之间，您可以放置​​适当的内容。例如，由p元素表示的段落可以写成：

<p>This is a paragraph.</p>
<!-- Paragraph with nested element -->
<p>
    This is <b>another</b> paragraph.
</p>

在线运行