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继承的三个字符文件扩展名限制。