超文本标记语言(HTML)是设计和开发网页的最常用语言。 要使用HTML创建网页，必须熟悉HTML基础知识。
因此，有必要学习HTML基础知识，例如：标签和嵌入在HTML标签，属性和数据类型中的内容。
基本HTML文档
下面是基本的HTML标记，这些标记将整个文档分为头部，正文等各个部分。
- 每个HTML文档都以HTML文档标签开头。 尽管这不是强制性的，但是使用下面提到的标记开始文档是一个好习惯：
<!DOCTYPE html> <html>– 每个HTML代码都必须包含在基本<html>标记之间。 它以<html>开头，并以</html>标记结尾。<head>– 接下来是head标签，其中包含网页或文档的所有标题信息，如页面标题和其他杂项信息。这些信息包含在head标记内，该标记以<head>开始，以</head>结尾。<title>– 使用<title>标签指示网页的标题。它用于显示标题信息。 标签以<title>开头，以</title>结尾<body>–body标签包含页面的实际正文，所有用户都可以看到。它以<body>开始，以</body>结尾。标签中包含的所有内容都会在网页上显示，包括文字，图像，音频或视频，甚至是链接。
HTML标记指示Web浏览器如何解释文档。 标签的属性提供其他信息，例如：标签的行为和属性。 根据标签和属性定义的属性和行为，将内容显示在浏览器上。
HTML标签可以根据其在网页上显示的行为分为以下几部分：
- 根元素 – 包含HTML的主要标签。
- 元数据 – 包含定义整个HTML文档行为的标签。
- 部分 – 包含用于表示HTML文档各个部分的标签。
- 标题 – 包含表示HTML文档中标题的标签。
- 流 – 包含在HTML文档的
BODY标签中使用的标签，以定义文档的结构。 - 短语 – 包含用于显示HTML文档文本的标签。
- 嵌入式 – 包含用于将内容嵌入HTML文档中的标签。
- 交互式 – 包含用于用户交互性的标签。
HTML基础示例
下面是一些HTML基础示例：
<!DOCTYPE HTML> <html> <head> <title>HTML教程标题</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <h1>H1标签</h1> <p>这是一个段落(A)</p> <h2>H2标签</h2> <p>这是一个段落(B)</p> <h3>H2标签</h3> <p>这是一个段落(C)</p> </body> </html> 在文本编辑器(记事本或其他)中编写以上HTML代码，并使用.html扩展名保存，这里保存为：index.html 。在浏览器中打开保存的文件结果如下所示：
以下是另一个HTML基本示例：
<!DOCTYPE HTML> <html> <head> <title>HTML教程标题</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <h1>Hello，XN</h1> <p> 这是A行<br> 这是A-1行<br> </p> <hr> <p> 这是B-1行<br> 这是B-2行<br> </p> <hr> <p> 这是C-1行<br> 这是C-2行<br> </p> <hr> </body> </html> 在浏览器中打开保存的文件结果如下所示：
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/tech/pnotes/264026.html