📌  相关文章
📜  基本 HTML 标签

📅  最后修改于: 2021-10-31 05:44:58             🧑  作者: Mango

HTML代表超文本标记语言。它是设计网页或网站的重要语言。互联网上的任何人都可以看到这些网站。 HTML 是超文本和标记语言的组合。其中超文本是网页之间的链接，标记语言用于定义标签内的文本文档，该标签定义了网页的结构。

HTML 使用预定义的标签来告诉浏览器如何显示内容。标签只不过是括在尖括号（即<>）中的一些指令。它分为三个部分，即开始标签、内容（将在浏览器上显示）和结束标签，但有些标签是特殊标签，不包含结束标签，如
标签。当您使用 HTML 标签时，请始终记住包含结束标签。如果您忘记关闭标签，浏览器会应用开始标签的效果，直到页面结束。 HTML 包含四个基本标签，它们构成了任何网页或 HTML 文件的基本结构：

  2. <头>
  4. <正文>

现在让我们一一讨论每个标签：

1.

它也称为文档类型，应包含在 HTML 文件中。它实际上告诉浏览器这是一个 HTML 文档。它不是标签或元素，而是信息。

句法：

2.

该标签标记了 HTML 文档的开始和结束，浏览器会完全考虑这些标签之间存在的任何代码。此外，它告诉浏览器该文档是一个 HTML 文档。这些标签之间的所有其他标签只会被浏览器考虑。

句法：

3. <头>

此标签存储实际上没有出现在网页上的数据，但它提供了有关网页的更多信息。或者换句话说，该标签用于定义包含与网页相关的信息的文档的头部。它还包含诸如 、<meta>、<link>、<style> 等标签。</p> <p></p> <div class="_ap_apex_ad" id="1b4172cd-acc7-4363-9184-3fadd3cdabcf" style="min-height:280px"></div> <p></p> <p><strong>句法：</strong></p> <div> <div class="alert alert-secondary" role="alert"> <p><head> <title> Title of the Webpage

4. <标题>

此标签存储网页的标题/名称。无论此标签中给出什么标题/内容，浏览器打开时，内容都会显示在选项卡上。它在 head 标签中描述。

句法：

5. <正文>

该标签用于向用户展示网页上的所有信息或数据，即文本、图片、超链接视频等。在这里，文本、图像、超链接视频等所有内容都包含在此标签之间。

句法：

其他一些 HTML 标签是：

1.

此标签用于在 HTML 代码中添加注释。这些注释有助于程序理解代码。评论标签内的内容在浏览器上不可见。

句法：

2. <元>

这些元标记用于头部标记内，它们描述元数据，即关于数据的数据。这些标签在搜索引擎优化中很有用，这意味着当用户搜索我们的网站时，浏览器推荐我们网页的机会会增加，从而导致网页流量增加。一个 HTML 文档可以包含多个标签。

句法：

3.

此标记用于包含外部样式表。当您不想在 HTML 文档中包含 CSS 时，请使用此标记。为了使它更简单，我们用代码制作了一个 CSS 文件，并将这个文件包含在链接标签中。

句法：

4. <脚本>

它用于包含 javascript 代码。也可以使用打开脚本标记中的 src 属性链接外部 javascript。它可以包含在 head 或 body 标签中。

句法：

5. 标题：

HTML 提供了六种类型的标题，即 H1、H2、H3、H4、H5 和 H6。这里，H1 是最高级别的标题，H6 是较低级别的标题。这些标题用于突出重要主题。

句法：

示例 1：

简单的 HTML 程序：

HTML



     
    
    Geeks For Geeks 
 

 


     
    
 Geeks For Geeks 

    
 A computer science portal for geeks 

     

HTML



   
    
    
    
    
    
    
    
    Geeks For Geeks 
 

   


   
    
 Geeks For Geeks 

    
 A computer science portal for geeks 

   

HTML



   
    
    
    
    
    
    
    
    Geeks For Geeks 
 

   


   
    
    
    
 Geeks For Geeks 

    
 A computer science portal for geeks 

    
   

Javascript
function darkMode() {
    document.body.style.backgroundColor = "black";
}

输出：

示例 2：

我们在其中使用 标签添加外部 CSS 的 HTML 程序

HTML 




   
    
    
    
    
    
    
    
    Geeks For Geeks 
 

   


   
    
 Geeks For Geeks 

    
 A computer science portal for geeks 

   



GFG.css
body {

   text-align: center;
}
h1{
    color: darkgreen;
}
h3{
    color:darkgreen;
}:

输出：

示例 3：

我们在其中使用     

Geeks For Geeks

    

A computer science portal for geeks

        

Javascript 

function darkMode() {
    document.body.style.backgroundColor = "black";
}

输出：

单击按钮时。