Hello World
介绍
HTML ( H 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>
。
元素名称可以被认为是它们包含的内容的描述性关键字,例如 video
,audio
,table
,footer
。
HTML 页面可能包含数百个元素,然后由 Web 浏览器读取,解释并呈现为屏幕上的人类可读或可听内容。
对于本文档,重要的是要注意元素和标记之间的区别:
元素: video
,audio
,table
,footer
标签: <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>
简单的页面分解
这些是示例中使用的标记: