数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
服装设计
法学HTML 文档的基本标签有哪些？
超文本标记语言 (HTML) 用于创建网页和 Web 应用程序。使用 HTML 创建的应用程序可供全球任何人在万维网 (互联网) 上访问。超文本和标记语言共同帮助定义网站或 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>
HTML 中的重要标签：
- <html></html>
- <head></head>
- <title></title>
- <body></body>
<html></html>
当浏览器遇到这些标签时，它被认为是 HTML 文档的开始和结束。这些标签被认为是 HTML 标签，浏览器也会像这样处理它们。
语法
<html> Content </html> <head> </head>
此标签用于定义文档的头部部分，其中包含与页面相关的信息。此标签包含在浏览器中不可见的数据。在此标签下，还有许多其他标签包含有关页面的信息，例如：
- <title></title> (必填)
- <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://tutorialspoint.com/"> </head> <body> <p><a href="index.htm">Go to Tutorialspoint </a>.</p> </body> </html>
注意 - HTML 每个文档只允许一个 <base> 元素。
<link></link>
<link> 帮助我们在当前文档和外部文档或资源之间建立联系。这只有一个属性，没有内容。最常见的用途是链接外部样式表。
示例
<!DOCTYPE html> <html lang="en"> <head> <title>Example − Link Tag</title> <base href="https://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://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 文档中定义脚本，我们使用 script 标签。
示例
<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>
浏览量 1K+
