详细说明HTML编程的标记和文档结构

本文主要介绍HTML编程标记和文档结构的详细说明，这是HTML入门学习中的基础知识。

用HTML标记内容的目的是提供网页语义（语义），换句话说，就是给Web页面的内容提供一些用户代理（用户代理）可以理解的含义。

HTML为内容提供了不同标记的一组标记。每个标签都是对它包含的内容的描述。最常用的HTML描述标题、段落、链接和图片。目前，HTML总共有114个标记，但是使用80 20原则，使用大约25个标记可以满足80%个标记需求。

HTML的最新版本，HTML5，还建立了一些结构化标签，用于对相关内容的标签进行分组，以便更好地规范网页的总体结构。这些新标签包括（即导航、导航）、。

1关。标签

对于每个包含内容的元素，如标题、段落和图片，有两种方法可以根据内容是否是文本来标记它们。一种是使用封闭标签，另一种是使用非封闭标签。

1.1带封闭标签的文本

例子：你好，CSS！
1.2带有自封闭标签的参考内容

实例：

提示：uff1a
对于自关闭标记，XHTML要求它应该像这样编写：
xml代码将内容复制到剪贴板。

在HTML5中，关闭的最后一个斜杠可以省略，写为：
xml代码将内容复制到剪贴板。

2。属性

提示：视障用户使用的屏幕阅读器会大声读出alt属性的内容，因此有必要给出标签。
这个alt属性添加了一个人可以理解的东西（或者一个表情）。

三.标题和段落
4。复合元素

HTML不仅指定基本内容标记，如标题、图片和段落，还用于创建列表，
诸如表单和表单之类的标记，例如复杂的用户接口组件，就是所谓的复杂元素，也就是说，它们是多个元素。
这些标签是一起编的。

5。嵌套标签

简单地说，它是将一个标签嵌套在另一个标签中。
6.html5模板

xml代码将内容复制到剪贴板。

一个HTML模板

7。块元素和内部元素

文档流效果：HTML元素按各自的标签顺序从页面顶部依次进入页面。

几乎所有HTML元素的显示属性都是块或内联，其中最明显的例外是表元素，它有自己特殊的显示值。

块级元素，如标题和段落，彼此叠在页面上，每一页都有一行内容，行中的元素（如链接和图片）是并列的，但只有当空间不足以连接到下一行时才行。

不管您想知道哪个HTML元素，第一个要问的问题是：它是块级元素还是内嵌元素知道这一点，您可以预期当元素在标记时处于初始状态，这样我们就可以进一步考虑如何用CSS将它重新放置在未来。

有两点要知道：

块级元素框扩展到与父元素相同的宽度。

内部元件盒将缩小内容并尽可能地拧紧它。
7。嵌套元素

HTML标记嵌套在标记中，屏幕上的嵌套框是一个框。
8。文档对象模型

文档对象模型（DOM）是从浏览器的角度观察页面中的元素和每个元素的属性，从而得到这些元素的家族树。
在特定的位置，您可以选择相应的HTML元素并修改其样式属性。

CSS操作DOM的过程是先选择一组或一组元素，然后修改这些元素的属性，通过CSS修改元素，如修改宽度或在标记中插入一个伪元素，这些变化将立即在DOM中发生，并在页面上反映出来。

简而言之，DOM是由HTML标记构建的，然后在页面加载时用户使用CSS来修改DOM，用户与页面交互。