HTML |基本

在本文中，我们将介绍 HTML 编码的所有基本内容。在开始用 HTML 编码时，我们必须考虑并包含各种标签。这些标签有助于我们的脚本或网页中元素的组织和基本格式。这些循序渐进的过程将指导您完成编写 HTML 的过程。
基本 HTML 文档
下面提到的是基本的 HTML 标签，它将整个文档分成不同的部分，如头部、正文等。

• 每个 HTML 文档都以一个 HTML 文档标签开始。虽然这不是强制性的，但使用下面提到的标签开始文档是一个很好的约定：

• ：每个 HTML 代码都必须包含在基本 HTML 标签之间。它以开始，以标签结束。
• ：接下来是 head 标签，它包含网页或文档的所有标题信息，如页面标题和其他杂项信息。这些信息包含在以 开头并以结尾的 head 标签中。这个标签的内容将在后面的部分中解释。
• 结尾
• ：下一步是我们目前学习的所有标签中最重要的一步。 body 标签包含页面的实际正文，所有用户都可以看到它。这以开头并以结尾。此标签中包含的每个内容都将显示在网页上，无论是文字、图像、音频或视频，甚至链接。我们将在本节后面看到如何使用各种标签将提到的内容插入到我们的网页中。

代码的整个模式将如下所示：

此代码不会显示任何内容。它只是展示了如何编写 HTML 代码的基本模式，并将页面标题命名为GeeksforGeeks 。 是 HTML 中的注释标签，它不会读取此标签内的行。
HTML 标题
这些标签帮助我们为网页内容提供标题。这些标签主要写在body标签里面。 HTML 为我们提供了从

到

的六个标题标签。每个标签以不同的样式和字体大小显示标题。
示例：

html

    


    
Hello GeeksforGeeks
    
Hello GeeksforGeeks
    
Hello GeeksforGeeks
    
Hello GeeksforGeeks
    
Hello GeeksforGeeks
    
Hello GeeksforGeeks

输出：

HTML 段落
这些标签帮助我们在网页中编写段落语句。它们以

标签开始，以

结束。这里的
标签用于换行并作为回车。
是一个空标签。
示例：

html

    


    
Hello GeeksforGeeks
      

    A Computer Science portal for geeks
 
    A Computer Science portal for geeks

    A Computer Science portal for geeks

    
  

输出：

HTML 水平线

---

标签用于将页面分成不同的部分，借助从页面左侧到右侧的水平线创建水平边距。这也是一个空标签，不需要任何额外的语句。
示例：

html

    


    
Hello GeeksforGeeks
      

    A Computer Science portal for geeks
 
    A Computer Science portal for geeks

    A Computer Science portal for geeks

    
  
    

      

    A Computer Science portal for geeks
 
    A Computer Science portal for geeks

    A Computer Science portal for geeks

    
  
    

      

    A Computer Science portal for geeks
 
    A Computer Science portal for geeks

    A Computer Science portal for geeks

    
  
    

输出：

HTML 图像
图像标签用于在我们的网页中插入图像。要插入的图像的来源放在 source_of_image “>标签内。
示例：

html

输出：

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器

HTML 是网页的基础，用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。