Semantic-UI 标签图像内容

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 来构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。这个框架允许我们使用它的各种样式和属性来使网站更加用户友好。

语义 UI 标签用于创建有意义的内容分类，标签提供对内容片段的描述。在语义 UI 标签中，提供了 4 种类型的内容。这些是细节，图标，图像， 和链接类型。 标签图像内容用于显示带有一些简短内容或文本的图像，例如名称，位置等。

Semantic-UI 标签图像内容类：

• image：该类用于在标签内插入图像。

句法：

    
    ...

示例 1：以下代码演示了使用 UI 图像标签类的标签图像内容。

HTML

  

    Semantic-UI Label Image Content
    
    
    

  

      
      GeeksforGeeks
    
    
      Semantic UI Label Image Content
    
    
    
        
         GeeksforGeeks
    

    

输出：

Semantic-UI 标签图像内容

示例 2：要更改图像标签的颜色，我们必须在类中添加颜色。

HTML

  

    Semantic-UI Label Image Content
    
    
    

  

    
      GeeksforGeeks
    
    
      Semantic UI Label Image Content
    
    
    
        
          GeeksforGeeks
    

    

输出：

Semantic-UI 标签图像内容

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