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 panorama 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. El tipo de anuncio panorámico se usa para mostrar un anuncio que puede usar contenido promocional de terceros y puede usar el tamaño del bloque de anuncios panorámicos.
Clase de tipo de panorama de anuncio de interfaz de usuario semántica:
- panorama: esta clase se utiliza para el tamaño del bloque de anuncios panorámicos.
Sintaxis:
<div class="ui panorama test ad" data-text="Panorama"></div>
El siguiente ejemplo ilustra el tipo de panorama de anuncio de interfaz de usuario semántica:
Ejemplo 1:
HTML
<!DOCTYPE html> <html> <head> <title>Semantic-UI Advertisement Panorama Type</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 Panorama Type</h2> </center> <div class="ui panorama test ad" data-text="Panorama"></div> </body> </html>
Producción:
Tipo de panorama publicitario de interfaz de usuario semántica
Ejemplo 2:
HTML
<!DOCTYPE html> <html> <head> <title> Semantic-UI Advertisement Panorama Type</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 Panorama Type</h2> <div class="ui panorama test ad" data-text="Panorama"></div> Most popular course on DSA trusted by over 50,000 students! Built with years of experience by industry experts and gives you a complete package of video lectures, practice problems, quizzes, discussion forums and contests. Start Today! <br> <br> This course does not require any prior knowledge of Data Structure and Algorithms and it covers all topics in two languages: C++ and Java. You will also learn algorithmic techniques for solving various problems, get to learn important topics for interviews and get fluent in the basics of programming. You will master all the important topics of data structures and algorithms like sorting, strings, heaps, DP, searching, trees and more and even learn this concepts by practicing on real-world projects. <br> <br> <div class="ui panorama test ad" data-text="Panorama"> </div> </center> </body> </html>
Producción:
Tipo de panorama publicitario de interfaz de usuario semántica
Referencia: https://semantic-ui.com/views/advertisement.html#panorama
Publicación traducida automáticamente
Artículo escrito por krishnanand3 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA