📜  Semantic-UI 子标题类型

📅  最后修改于: 2022-05-13 01:56:14.450000             🧑  作者: Mango

Semantic-UI 子标题类型

Semantic UI是一个开源开发框架,它提供了预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

Semantic UI为用户提供了各种不同的图标,这些图标可用于不同的目的,并具有漂亮的用户界面。与主要文本表示相比,子标题向网站添加了不强调的内容。在本文中,让我们看看 Sub Headers Types 类以及示例。

语义 UI 图标标题类型类:

  • 子标题:在此类中,标题可以被格式化以标记较小或不强调的内容。

句法:

...

示例 1:下面的示例代码使用一些文本演示了子标题类型。

HTML

  

    Semantic-UI Icon sub Headers Type
  
    

  

    
        

            Geeksforgeeks         

           

            Semantic-UI Icon sub Headers Type         

           

            Geeksforgeeks         

                        It is a computer Science portal              
                  


HTML

  

    Semantic-UI Icon sub Headers Type
  
    

  

    
        

            Geeksforgeeks         

           

            Semantic-UI Icon sub Headers Type         

           
            
                                 
                    
Sandeep Jain
                    Founder Geeksforgeeks                 
            
               
                                 
                    
Pranay Bansal
                    Course Instructor Geeksforgeeks                 
            
        
    
                  


输出:

Semantic-UI 子标题类型

示例 2:下面的示例代码使用图像演示了子标题类型。

HTML


  

    Semantic-UI Icon sub Headers Type
  
    

  

    
        

            Geeksforgeeks         

           

            Semantic-UI Icon sub Headers Type         

           
            
                                 
                    
Sandeep Jain
                    Founder Geeksforgeeks                 
            
               
                                 
                    
Pranay Bansal
                    Course Instructor Geeksforgeeks                 
            
        
    
                  

输出:

Semantic-UI 子标题类型

参考链接: https://semantic-ui.com/elements/header.html#sub-headers