Hello World

介绍

HTMLH yper 分机M arkup L anguage)使用代表特定内容元素组成的标记系统。标记是指与 HTML 声明什么是呈现给观众,而不是如何被呈现。可视化表示由层叠样式表(CSS) 定义并由浏览器实现。仍然存在允许这样的元素, 例如 font ,“完全过时,并且不得被作者使用” [1]

HTML 有时被称为编程语言,但它没有逻辑,标记语言也是如此。HTML 标记为页面中的内容提供语义和机器可读性。

元素通常由一个开始标记(<element_name>),一个结束标记(</element_name>)组成,其中包含由尖括号括起的元素名称,以及之间的内容:<element_name>...content...</element_name>

有些 HTML 元素没有结束标记或任何内容。这些被称为空元素 。空元素包括 <img><meta><link><input>

元素名称可以被认为是它们包含的内容的描述性关键字,例如 videoaudiotablefooter

HTML 页面可能包含数百个元素,然后由 Web 浏览器读取,解释并呈现为屏幕上的人类可读或可听内容。

对于本文档,重要的是要注意元素和标记之间的区别:

元素: videoaudiotablefooter

标签: <video><audio><table><footer></html></body>

元素洞察力

让我们分解一个标签……

<p> 标签代表一个共同的段落。

元素通常具有开始标记和结束标记。开始标记包含尖括号中的元素名称(<p>)。结束标记与开始标记相同,在开始括号和元素名称(</p>)之间添加了正斜杠(/)。

然后内容可以在这两个标签之间进行:<p>This is a simple paragraph.</p>

创建一个简单的页面

以下 HTML 示例创建一个简单的 Hello World 网页。

可以使用任何文本编辑器创建 HTML 文件。必须使用 .html.htm [2] 扩展名保存文件才能被识别为 HTML 文件。

创建后,可以在任何 Web 浏览器中打开此文件。

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>Hello!</title>
    </head>

    <body>
        <h1>Hello World!</h1>
        <p>This is a simple paragraph.</p>
    </body>

</html>

简单的页面分解

这些是示例中使用的标记:

1.↑ HTML5,11.2 不符合要求
2.↑.htm 继承自传统的 DOS 三字符文件扩展名限制。