如何创建HTML页面
HTML 文件是以 .html 或 .htm 扩展名保存的文本文件。
创建您的第一个 HTML 文档
在本教程结束时,您将制作一个 HTML 文件,在您的 Web 浏览器中显示“Hello world”消息。创建第一个HTML文档的步骤如下:
第 1 步:创建 HTML 文件
打开计算机的文本编辑器并创建一个新文件。
提示:我们建议您使用记事本(在 Windows 上)、TextEdit(在 Mac 上)或其他一些简单的文本编辑器来执行此操作;不要使用 Word 或写字板!了解基本原理后,您可以切换到更高级的工具,例如 Adobe 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>