📜  Semantic-UI 标签附加类型

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

Semantic-UI 标签附加类型

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

语义 UI 标签用于创建有意义的内容分类。在本文中,我们将学习使用 Semantic UI 框架的 Semantic-UI Label Attached Type。 Semantic-UI 标签附加类型用于将标签附加到内容段。

语义 UI 标签附加类型类:

  • 顶部附加:此类用于将标签附加到内容的顶部。
  • 底部附加:该类用于将标签附加到内容的底部。
  • 右附加:该类用于在内容的右侧附加标签。
  • left attach:此类用于在内容的左侧附加标签。

句法:

Content...

示例 1:此示例描述了 Semantic-UI Label Attached Type 的使用。

HTML


  

    
        Semantic-UI Label Attached Type
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Label Attached Type

    
    
       
        
            
                
                    HTML Tutorials                 
                

                    HTML stands for HyperText Markup Language.                     It is used to design web pages using a markup                     language. It is the combination of Hypertext                     and Markup language. Hypertext defines the                     link between the web pages. A markup language                     is used to define the text document within tag                     which defines the structure of web pages.                 

            
        
           
            
                
                    CSS Tutorials                 
                

                    CSS (Cascading Style Sheets) is a stylesheet                     language used to design the webpage to make                     it attractive. The reason for using this is                     to simplify the process of making web pages                     presentable. It allows you to apply styles to                     web pages. More importantly, it enables you                     to do this independent of the HTML that makes                     up each web page.                 

            
        
           
            
                
                    HTML Tutorials                 
                

                    JavaScript is the world most popular lightweight,                     interpreted compiled programming language. It is                     also known as scripting language for web pages.                     It is well-known for the development of web pages,                     many non-browser environments also use it.                     JavaScript can be used for Client-side developments                     as well as Server-side developments.                 

            
        
           
            
                
                    jQuery Tutorials                 
                

                    jQuery is an open-source JavaScript library                      that simplifies the interactions between an                      HTML/CSS document, or more precisely the                      Document Object Model (DOM), and JavaScript.                      Elaborating the terms, it simplifies HTML                      document traversing and manipulation.                 

            
        
           
            
                
                    ReactJS Tutorials                 
                

                    React is a declarative, efficient, and                      flexible JavaScript library for building                      user interfaces. It's 'V' in MVC. ReactJS                      is an open-source, component-based front-                     end library responsible only for the view                      layer of the application. It is maintained                      by Facebook. It uses for single page                      applications.                 

            
        
           
            
                
                    PHP Tutorials                 
                

                    The term PHP is an acronym for Hypertext                      Preprocessor. It is a server-side scripting                      language that is used for web development.                      HTML codes can also be written in a PHP                      file. The PHP codes are executed on the                      server-side whereas HTML codes are directly                     executed on the browser.                 

            
        
    
  


HTML


  

    
        Semantic-UI Label Attached Type
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Label Attached Type

    
    
       
        
            
                
                    HTML Tutorials                 
                

                    HTML stands for HyperText Markup Language.                     It is used to design web pages using a markup                     language. It is the combination of Hypertext                     and Markup language. Hypertext defines the                     link between the web pages. A markup language                     is used to define the text document within tag                     which defines the structure of web pages.                 

            
        
           
            
                
                    CSS Tutorials                 
                

                    CSS (Cascading Style Sheets) is a stylesheet                     language used to design the webpage to make                     it attractive. The reason for using this is                     to simplify the process of making web pages                     presentable. It allows you to apply styles to                     web pages. More importantly, it enables you                     to do this independent of the HTML that makes                     up each web page.                 

            
        
           
            
                
                    HTML Tutorials                 
                

                    JavaScript is the world most popular lightweight,                     interpreted compiled programming language. It is                     also known as scripting language for web pages.                     It is well-known for the development of web pages,                     many non-browser environments also use it.                     JavaScript can be used for Client-side developments                     as well as Server-side developments.                 

            
        
           
            
                
                    jQuery Tutorials                 
                

                    jQuery is an open-source JavaScript library                      that simplifies the interactions between an                      HTML/CSS document, or more precisely the                      Document Object Model (DOM), and JavaScript.                      Elaborating the terms, it simplifies HTML                      document traversing and manipulation.                 

            
        
           
            
                
                    ReactJS Tutorials                 
                

                    React is a declarative, efficient, and                      flexible JavaScript library for building                      user interfaces. It's 'V' in MVC. ReactJS                      is an open-source, component-based front-                     end library responsible only for the view                      layer of the application. It is maintained                      by Facebook. It uses for single page                      applications.                 

            
        
           
            
                
                    PHP Tutorials                 
                

                    The term PHP is an acronym for Hypertext                      Preprocessor. It is a server-side scripting                      language that is used for web development.                      HTML codes can also be written in a PHP                      file. The PHP codes are executed on the                      server-side whereas HTML codes are directly                     executed on the browser.                 

            
        
    
  


输出:

示例 2:此示例描述了 Semantic-UI Label Attached Type 的使用,其中包含颜色和大小的变化。

HTML



  

    
        Semantic-UI Label Attached Type
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Label Attached Type

    
    
       
        
            
                
                    HTML Tutorials                 
                

                    HTML stands for HyperText Markup Language.                     It is used to design web pages using a markup                     language. It is the combination of Hypertext                     and Markup language. Hypertext defines the                     link between the web pages. A markup language                     is used to define the text document within tag                     which defines the structure of web pages.                 

            
        
           
            
                
                    CSS Tutorials                 
                

                    CSS (Cascading Style Sheets) is a stylesheet                     language used to design the webpage to make                     it attractive. The reason for using this is                     to simplify the process of making web pages                     presentable. It allows you to apply styles to                     web pages. More importantly, it enables you                     to do this independent of the HTML that makes                     up each web page.                 

            
        
           
            
                
                    HTML Tutorials                 
                

                    JavaScript is the world most popular lightweight,                     interpreted compiled programming language. It is                     also known as scripting language for web pages.                     It is well-known for the development of web pages,                     many non-browser environments also use it.                     JavaScript can be used for Client-side developments                     as well as Server-side developments.                 

            
        
           
            
                
                    jQuery Tutorials                 
                

                    jQuery is an open-source JavaScript library                      that simplifies the interactions between an                      HTML/CSS document, or more precisely the                      Document Object Model (DOM), and JavaScript.                      Elaborating the terms, it simplifies HTML                      document traversing and manipulation.                 

            
        
           
            
                
                    ReactJS Tutorials                 
                

                    React is a declarative, efficient, and                      flexible JavaScript library for building                      user interfaces. It's 'V' in MVC. ReactJS                      is an open-source, component-based front-                     end library responsible only for the view                      layer of the application. It is maintained                      by Facebook. It uses for single page                      applications.                 

            
        
           
            
                
                    PHP Tutorials                 
                

                    The term PHP is an acronym for Hypertext                      Preprocessor. It is a server-side scripting                      language that is used for web development.                      HTML codes can also be written in a PHP                      file. The PHP codes are executed on the                      server-side whereas HTML codes are directly                     executed on the browser.                 

            
        
    
  

输出:

参考: https://semantic-ui.com/elements/label.html#attached