HTML 文档的基本标签是什么?
超文本标记语言(也称为 HTML)用于创建网页和 Web 应用程序。使用 HTML 制作的此应用程序可供万维网 (internet) 上的任何人访问。超文本和标记语言共同帮助定义网站或 Web 应用程序的基本蓝图。
HTML 标签用于指示 HTML 文档的 HTML 元素的开始和结束。借助这些 HTML 标签，浏览器可以将 HTML 文档转换为网站或 Web 应用程序。一般来说，标签由三个部分组成，开始标签 - 标记标签的开始，内容 - 将在浏览器上显示的信息，结束标签 - 标记标签的结束，此标签用反斜杠表示，例如 </tag>。
注意− 所有 html 标签始终以小写形式书写。
HTML 也有一些未关闭的标签，这意味着这些标签没有关闭标签，例如 <hr> 和 <br> 标签。
HTML 文档必须具有的基本 HTML 标签，以便 Web 浏览器可以理解并正确显示它。这些标签帮助 Web 浏览器区分简单文本和 HTML 文本。有四个基本 HTML 标签构成每个 HTML 文件的基本结构 -
- <html></html>
- <head></head>
- <title></title>
- <body></body>
在开始使用基本标签之前，让我们先在后续部分了解 HTML 声明。
<!DOCTYPE>
<!DOCTYPE> 不是标签，而是告诉浏览器文档类型的声明。它指定文档正在使用的 HTML 版本，以便浏览器可以正确显示网页。所有 HTML 文档都必须以此声明开头。它不区分大小写。
语法
<!DOCTYPE html>
Important tags in HTML −
- <html></html>
- <head></head>
- <title></title>
- <body></body>
<html></html>
当浏览器遇到这些标签时，它们被视为 HTML 文档的开始和结束。此处出现的标签被视为 HTML 标签，并由浏览器以同样的方式处理。
语法
<html> Content </html> <head> </head>
此标签用于定义文档的头部，其中包含与页面相关的信息。此标签保存浏览器上不可见的数据。此标签下有各种其他标签，其中包含有关页面的信息，例如 -
- <title></title> (Mandatory)
- <base></base>
- <link></link>
- <meta></meta>
- <style></style>
- <script></script>
语法
<head> <title></title> <meta></meta> <link></link> <style></style> <script></script> </head>
示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My test page</title> </head> </html>
<title></title>
此标签存储网页的标题/名称。无论此标签中给出什么标题/内容，内容都会在浏览器打开时显示在选项卡上。它在 head 标签中描述。
从 SEO 的角度来看，此标签非常重要，因为此标签的内容将用于 SEO 排名。并尝试将内容保持在 50 - 60 个字符之间，因为 SEO 只会显示这么多字符。
语法
<title> Title of the Webpage </title>
示例
<!DOCTYPE html> <html> <head> <title>Demo Title - Tutorialspoint</title> </head> <body> <p>This is a paragraph.</p> </body> </html>
<base></base>
此元素保存文档中所有相对链接的基本 URL，这最终意味着一旦我们在页面的头部部分定义了基本 URL，那么相对链接将使用此 URL 作为起点。
示例
<!DOCTYPE html> <html lang="en"> <head> <title>Example − Base HTML Tag</title> <base href="https://www.tutorialspoint.com/"> </head> <body> <p><a href="index.htm">Go to Tutorialspoint </a>.</p> </body> </html>
注意 − HTML 只允许每个文档有一个元素。
<link><link>
<link> 帮助我们在当前文档和外部文档或资源之间建立联系。这只有属性，没有内容。它们最常用的是链接外部样式表。
示例
<!DOCTYPE html> <html lang="en"> <head> <title>Example − Link Tag</title> <base href="https://www.tutorialspoint.com/"> <link rel=’stylesheet’ href=’style.css’> </head> <body> <p><a href="index.htm">Go to Tutorialspoint </a>.</p> </body> </html>
<style></style>
此标签将样式信息嵌入 HTML 文档中。
示例
<!DOCTYPE html> <html> <head> <title>Example − Style Tag</title> <base href="https://www.tutorialspoint.com/"> <style> .red { color: red; } .thick { font-size:20px; } .green { color:green; } </style> </head> <body> <p class = "red">This is red</p> <p class = "thick">This is thick</p> <p class = "green">This is green</p> <p class = "thick green">This is thick and green</p> </body> </html>
<meta></meta>
HTML 允许您以多种方式指定元数据 - 有关文档的其他重要信息。META 元素可用于包含描述 HTML 文档属性的名称/值对，例如作者、到期日期、关键字列表、文档作者等。
<meta> 标签用于提供此类附加信息。此标签是一个空元素，因此没有结束标签，但它在其属性中包含信息。
示例
<html> <head> <meta charset="utf-8"> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <title>My test page</title> </head> <body> <p>Hello HTML5!</p> </body> </html>
<script></script>
脚本是一小段程序，可以为您的网站添加交互性。您可以使用任何脚本语言编写各种小函数(称为事件处理程序)，然后使用 HTML 属性触发这些函数。如今，大多数 Web 开发人员只使用 JavaScript 和相关框架。您可以将 JavaScript 代码保存在单独的文件中，然后将其包含在需要的任何位置，或者您可以在 HTML 文档本身内定义功能。
为了在 HTML 文档中定义脚本，我们使用脚本标签。
示例
<html> <head> <meta charset="utf-8"> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <title>Example Script tag</title> <script type =’script/javascript’> document.write("Hello JavaScript!"); </script> </head> <body> <p>Sample Text </p> </body> </html>
<body></body>
此标签用于向用户显示网页上的所有信息或数据，即文本、图像、超链接视频等。此处，所有内容(如文本、图像、超链接视频等)都包含在此标签之间。
语法
<body> Content of the body </body>
示例
<!DOCTYPE html> <html> <head> <title>HTML body Tag</title> </head> <body> Body of the document... </body> </html>
