Semantic UI es un marco de código abierto que utiliza CSS y jQuery para crear excelentes interfaces de usuario. Es lo mismo que un bootstrap para usar y tiene grandes elementos diferentes para usar para hacer que su sitio web se vea más increíble. En este artículo, vamos a aprender sobre el tipo de panel publicitario.
Está equipado con componentes semánticos preconstruidos que ayudan a crear diseños receptivos utilizando HTML fácil de usar, y utiliza CSS y JQuery predefinidos para incorporar diferentes marcos.
Un anuncio muestra contenido promocional de terceros y puede usar el tamaño del bloque de anuncios de netboard.
Clase de tipo de netboard de anuncio de interfaz de usuario semántica:
- netboard: este método se utiliza para proporcionar un espacio de tamaño de netboard para un anuncio.
Sintaxis:
<div class="ui netboard test ad" data-text="Netboard"></div>
El siguiente ejemplo ilustra el tipo de panel de anuncios de interfaz de usuario semántica:
Ejemplo 1:
HTML
<!DOCTYPE html> <html> <head> <title>Semantic UI</title> <link href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet" /> </head> <body> <center> <h1 class="ui header green">GeeksForGeeks</h1> <h2>Semantic UI Advertisement Netboard Type</h2> </center> <div class="ui netboard test ad" data-text="Netboard"> </div> </body> </html>
Producción:
Tipo de panel de anuncios de interfaz de usuario semántica
Ejemplo 2:
HTML
<!DOCTYPE html> <html> <head> <title>Semantic UI</title> <link href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet" /> </head> <body> <center> <h1 class="ui header green">GeeksForGeeks</h1> <h2>Semantic UI Advertisement Netboard Type</h2> </center> <div class="ui netboard test ad" data-text="Netboard"> </div> GeeksForGeeks is a computer science portal for Geeks. <div class="ui netboard test ad" data-text="Netboard"> </div> </body> </html>
Producción:
Tipo de panel de anuncios de interfaz de usuario semántica
Referencia: https://semantic-ui.com/views/advertisement.html#netboard
Publicación traducida automáticamente
Artículo escrito por krishnanand3 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA