📜  Semantic-UI 列表标题内容

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

Semantic-UI 列表标题内容

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。

Semantic-UI 列表为我们提供了列表的不同变体,例如 Horizontal Inverted、Selection、Animated、Relaxed、Divided、Celled 和 Size 变体。这里我们将了解 Semantic-UI List Header Content 用于将标题部分内容添加到列表项中。

Semantic-UI 列表头内容类:

  • header:该类用于向列表项添加标题内容。

句法:

Header Content...
...

示例 1:在此示例中,我们正在创建带有标题内容的列表项。

HTML


  

    
        Semantic-UI List Header Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI List Header Content

           
            
                GeeksforGeeks                 A Computer Science portal for geeks. It contains                 well written, well thought and well explained                 computer science and programming articles             
            
                Data Structure                 A data structure is a particular way of                 organizing data in a computer so that it                 can be used effectively.             
            
                Algorithm                 The word Algorithm means “a process or set                 of rules to be followed in calculations or                 other problem-solving operations”.             
            
                Web Development                 Web development refers to the building,                 creating, and maintaining of websites.                 It includes aspects such as web design,                 web publishing, ...             
        
    
  


HTML


  

    
        Semantic-UI List Header Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI List Header Content

           
            
                                 
                    GeeksforGeeks                     
                        A Computer Science portal for geeks. It contains                          well written, well thought and well explained                         computer science and programming articles                     
                
            
            
                                 
                    Data Structure                     
                        A data structure is a particular way of                          organizing data in a computer so that it                          can be used effectively.                     
                
            
            
                                 
                    Algorithm                     
                        The word Algorithm means “a process or set                          of rules to be followed in calculations or                          other problem-solving operations”.                     
                
            
            
                                 
                    Web Development                     
                        Web development refers to the building,                          creating, and maintaining of websites.                          It includes aspects such as web design,                          web publishing, ...                     
                
            
        
    
  


输出:

Semantic-UI 列表标题内容

Semantic-UI 列表标题内容

示例 2:在此示例中,我们正在创建带有标题内容的列表项。

HTML



  

    
        Semantic-UI List Header Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI List Header Content

           
            
                                 
                    GeeksforGeeks                     
                        A Computer Science portal for geeks. It contains                          well written, well thought and well explained                         computer science and programming articles                     
                
            
            
                                 
                    Data Structure                     
                        A data structure is a particular way of                          organizing data in a computer so that it                          can be used effectively.                     
                
            
            
                                 
                    Algorithm                     
                        The word Algorithm means “a process or set                          of rules to be followed in calculations or                          other problem-solving operations”.                     
                
            
            
                                 
                    Web Development                     
                        Web development refers to the building,                          creating, and maintaining of websites.                          It includes aspects such as web design,                          web publishing, ...                     
                
            
        
    
  

输出:

Semantic-UI 列表标题内容

Semantic-UI 列表标题内容

参考: https://semantic-ui.com/elements/list.html#header