HTML基础-yiteyi-C++库

在本文中，我们将看到 HTML基础 通过理解HTML编码的所有基本内容。在HTML中开始编码时，我们必须考虑并包含各种标签。这些标签有助于脚本或网页中元素的组织和基本格式。这些循序渐进的过程将指导您完成编写HTML的过程。

null

基本HTML文档： 下面提到的是基本的HTML标记，它们将整个文档划分为不同的部分，如头部、主体等。

每个HTML文档都以HTML文档标记开头。虽然这不是强制性的，但在开始文档时使用下面提到的标签是一个很好的惯例。请参阅 HTML文档类型有关doctype的更多信息，请参阅本文。

<!DOCTYPE html>

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

代码的整个模式类似于下面的代码示例。

例子： 这个例子说明了 HTML基础 结构

HTML

                           <                                        html                                        >                         
            
                           <                                        head                                        >                         
                                                     <!-- Information about the page -->                         
                                                     <!--This is the comment tag-->                         
                                      
                                                     <                                        title                                        >GeeksforGeeks</                                        title                                        >                         
                           </                                        head                                        >                         
            
                           <                                        body                                        >                         
                                                     <!--Contents of the webpage-->                         
                           </                                        body                                        >                         
            
                           </                                        html                                        >                         

此代码不会显示任何内容。它只是展示了如何编写HTML代码的基本模式，并将页面标题命名为极客 .

HTML标题 : 这些标签帮助我们为网页内容提供标题。这些标签主要写在body标签内。HTML为我们提供了来自

到

.每个标签都以不同的样式和字体大小显示标题。

实例：此示例演示了如何使用中的6个标题标记

到

在HTML中。

HTML

                         <                                     html                                     >                       
           
                         <                                     head                                     >                       
                                                 <                                     title                                     >GeeksforGeeks</                                     title                                     >                       
                         </                                     head                                     >                       
           
                         <                                     body                                     >                       
                                                 <                                     h1                                     >Hello GeeksforGeeks</                                     h1                                     >                       
                                                 <                                     h2                                     >Hello GeeksforGeeks</                                     h2                                     >                       
                                                 <                                     h3                                     >Hello GeeksforGeeks</                                     h3                                     >                       
                                                 <                                     h4                                     >Hello GeeksforGeeks</                                     h4                                     >                       
                                                 <                                     h5                                     >Hello GeeksforGeeks</                                     h5                                     >                       
                                                 <                                     h6                                     >Hello GeeksforGeeks</                                     h6                                     >                       
                         </                                     body                                     >                       
           
                         </                                     html                                     >                       

输出 :

HTML标题

HTML段落 : 这些标签帮助我们在网页上写段落陈述。他们从

标记并以

.给你标签用于断线并充当回车符。是一个空标签。

实例：此示例演示了如何使用

标记在HTML中编写段落语句。

HTML

                         <                                     html                                     >                       
           
                         <                                     head                                     >                       
                                                 <                                     title                                     >GeeksforGeeks</                                     title                                     >                       
                         </                                     head                                     >                       
           
                         <                                     body                                     >                       
                                                 <                                     h1                                     >Hello GeeksforGeeks</                                     h1                                     >                       
                                   
                         <                                     p                                     > A Computer Science portal for geeks<                                     br                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 </                                     p                                     >                       
           
           
                         </                                     body                                     >                       
           
                         </                                     html                                     >                       

输出 :

HTML段落

HTML横线： 这个

标签用于将页面分成多个部分，通过从页面左侧到右侧的水平线创建水平边距。这也是一个空标记，不接受任何其他语句。

实例：此示例演示了在HTML中对水平线使用

标记。

HTML

                         <                                     html                                     >                       
           
                         <                                     head                                     >                       
                                                 <                                     title                                     >GeeksforGeeks</                                     title                                     >                       
                         </                                     head                                     >                       
           
                         <                                     body                                     >                       
                                                 <                                     h1                                     >Hello GeeksforGeeks</                                     h1                                     >                       
                                   
                         <                                     p                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 </                                     p                                     >                       
           
           
                                                 <                                     hr                                     >                       
                                   
                         <                                     p                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 </                                     p                                     >                       
           
           
                                                 <                                     hr                                     >                       
                                   
                         <                                     p                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 A Computer Science portal for geeks<                                     br                                     >                       
                                                 </                                     p                                     >                       
           
           
                                                 <                                     hr                                     >                       
                         </                                     body                                     >                       
           
                         </                                     html                                     >                       

输出 :

使用

标记添加水平线

HTML图像 : 图像标签用于将图像插入我们的网页。将要插入的图像的源放在 图片的来源 “> 标签

实例：此示例演示了如何使用标记在HTML中插入图像。

HTML

                         <                                     html                                     >                       
           
                         <                                     head                                     >                       
                                                 <                                     title                                     >GeeksforGeeks</                                     title                                     >                       
                         </                                     head                                     >                       
           
                         <                                     body                                     >                       
                                                 <                                     img                                     src                                     =                       
                         "                           https://media.geeksforgeeks.org/wp-content/cdn-uploads/Geek_logi_-low_res.png                          "                                     >                       
                         </                                     body                                     >                       
           
                         </                                     html                                     >                       