HTML 入门

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 元素的 更多信息。