HTML 你好,世界

示例


介绍

HTML(ħ yper分机中号arkup大号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文件。必须使用扩展名[2].html或扩展名保存文件,才能被识别为HTML文件。.htm

创建后,可以在任何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>


简单的页面分解

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

标签含义
<!DOCTYPE>定义文档中使用的HTML版本。在这种情况下,它是HTML5。
有关更多信息,请参见doctypes主题。
<html>打开页面。结束标记(</html>)后不得有任何标记。该lang属性使用ISO语言代码(en英语)声明页面的主要语言。
有关更多信息,请参见内容语言主题。
<head>打开头部,该头部不出现在主浏览器窗口中,但主要包含有关HTML文档的信息,称为metas。它还可以包含来自外部样式表和脚本的导入。结束标记为</head>。
<meta>给浏览器一些有关文档的元数据。该charset属性声明字符编码。即使不是必需的,现代HTML文档也应始终使用UTF-8。在HTML中,<meta>标记不需要结束标记。
有关更多信息,请参见Meta主题。
<title>页面标题。在此开始标记和结束标记(</title>)之间写入的文本将显示在页面的选项卡上或浏览器的标题栏中。
<body>打开显示给用户的文档部分,即页面的所有可见或可听内容。结束标记后不得添加任何内容</body>。
<h1>页面的1级标题。
有关更多信息,请参见标题。
<p>表示文本的普通段落。

1.↑HTML5,11.2不合格的功能
2.↑.htm是从旧版DOS继承的三个字符文件扩展名限制。