超文本标记语言/简介

超文本标记语言 (HTML) 是一种简单的格式，用于创建可以在不同平台之间移植的超文本文档。HTML（超文本标记语言）被用于万维网的大多数页面。HTML 文件包含主要文本内容和额外的格式化标记，即告诉 Web 浏览器如何显示和处理主要内容的字符序列。标记可以指定文本的哪些部分应该加粗，标题在哪里，或者表格、表格行和表格单元格的开始和结束位置。虽然 HTML 最常被可视化 Web 浏览器显示，但它也可以被生成文本音频的浏览器使用，被将页面转换为盲文格式的盲文阅读器使用，以及被电子邮件客户端等辅助程序使用。

在开始之前

要编写和测试 HTML 页面，您需要一个编辑器和一个 Web 浏览器。HTML 可以用任何纯文本编辑器进行编辑。理想情况下，使用一个能够用颜色突出显示 HTML 标记的编辑器，这样更容易阅读。常见的纯文本编辑器包括：Microsoft® Windows 上的 Notepad（或 Notepad++）、Mac 上的 TextEdit 以及 Linux 上的 Kate、Gedit、Vim 和 Emacs。

存在许多其他具有广泛功能的编辑器。虽然有些提供 WYSIWYG（所见即所得）功能，但这意味着隐藏标记本身并必须自动生成它。WYSIWYG 选项很少像手动编写的代码那样干净或透明。此外，与真正的基于代码的文本编辑器相比，WYSIWYG 在学习方面没有那么有用。

要预览您的文档，您需要一个 Web 浏览器。为了确保大多数查看者都能看到良好的结果，理想情况下您应该在多个浏览器中测试您的文档。每个浏览器都有略微不同的渲染和特定怪癖。

最常见的浏览器包括 Microsoft Edge、Google Chrome、Mozilla Firefox、Safari 和 Opera。为了确保您的文档在纯文本环境中可读，您可以用 Lynx 进行测试。

一个简单的文档

让我们从一个简单的文档开始。在您的编辑器中编写此代码（或复制粘贴它），并将其保存为“index.html”或“index.htm”。文件必须以完全相同的扩展名保存，否则它将无法正确渲染。

<!DOCTYPE html>
<html>
  <head>
    <title>Simple document</title>
  </head>
  <body>
    <p>This is some text in a paragraph that will be seen by viewers.</p>
  </body>
</html>

现在在您的浏览器中打开该文档，看看结果。从上面的示例中，我们可以推断出 HTML 文档的某些要点

第一行使用 <!DOCTYPE html> 声明文档的类型。
HTML 文档以 <html> 标签开头，以其对应标签 </html> 结束。
在 <html></html> 标签内，有两个主要的标签对，<head></head> 和 <body></body>。
在 <head></head> 标签内，有 <title></title> 标签，它们包含将在 Web 浏览器标题栏中显示的文本标题。
在 <body></body> 内是一个用  标签对标记的段落。

通用 HTML 标签代码样式

大多数标签必须成对写入，在它们之间将应用标签的效果。
- 此文本被强调 – 此文本被强调
- 此文本包含 <code>计算机代码</code> – 此文本包含 计算机代码
- 此文本被强调并且包含 <code>计算机代码</code> – 此文本被强调并且包含 计算机代码
HTML 标签对必须对齐，以封装其他标签对，例如
- <code>此文本既是代码又是被强调的</code> – 此文本既是代码又是被强调的
- 错误：<code>此标记有误</code>

The <html> Tag

The <html> 和 </html> 标签用于标记 HTML 文档的开始和结束。此标签对文档的外观没有影响。
此标签用于让浏览器和其他程序知道这是一个 HTML 文档。

有用的属性

dir 属性: 此属性指定浏览器将在整个文档中以哪种方式呈现文本。它可以具有 ltr（从左到右）或 rtl（从右到左）的值。默认情况下，它被设置为 ltr。通常，rtl 用于波斯语、中文、希伯来语、乌尔都语等语言。

示例： <html dir="ltr">

lang 属性: lang 属性通常指定在文档中使用哪种语言。

特殊类型的代码用于指定不同的语言
en - 英语
fa - 波斯语
fr - 法语
de - 德语
it - 意大利语
nl - 荷兰语
el - 希腊语
es - 西班牙语
pt - 葡萄牙语
ar - 阿拉伯语
he - 希伯来语
ru - 俄语
zh - 中文
ja - 日语
hi - 印地语

示例： <html lang="en">