JcDuranM
Ejemplo de escritura de código fuente
Yo soy el código fuente <pre>
<header>
Yo soy el código fuente
</header>
<code>
....
</code>
</pre>
Y este es un ejemplo de enlace que aparece en un ejemplo de escritura en un post/tipografía.
Ejemplo YouTube ( Shortcode )
Ejemplo de escritura : [youtube]https://youtu.be/id_video[/youtube]
 |
| Ejemplo de imagen en post + descripción |
Ejemplos de uso de etiquetas HTML <h2>
Ejemplos de uso de etiquetas HTML <h3>
y el siguiente es un ejemplo del uso de etiquetas HTML <blockquote>
Hola! Soy un ejemplo de escritura en la etiqueta <blockquote>...</blocquote>, y aquí está destacar que utiliza etiquetas HTML <mark>
Ejemplos de uso de etiquetas HTML <ul> / lista regular :
- Apakah Lorem Ipsum itu?
- De dónde viene?
- Por qué lo usamos?
- De dónde puedo conseguirlo?
Ejemplos de uso de etiquetas HTML <ol> / lista con números :
- Baris pertama dari Lorem Ipsum, "Lorem ipsum dolor sit amet..", berasal dari sebuah baris di bagian 1.10.32.
- El pasaje estándar de Lorem Ipsum utilizado desde el siglo XVI se reproduce a continuación para aquellos interesados.
- Las secciones 1.10.32 y 1.10.33 del "de Finibus Bonorum et Malorum" de Cicerón también se reproducen en su forma original, seguidas de una versión en inglés derivada de la traducción de 1914 de H. Rackham.
Ejemplos de uso de etiquetas HTML <div class="table"><table>
| Título 1 | Título 2 | Título 3 |
|---|---|---|
| Datos | Datos | Datos |
| Datos | Datos | Datos |
| Datos | Datos | Datos |
| Datos | Datos | Datos |
| Datos | Datos | Datos |
Ejemplos de uso de botones e íconos de materiales
Botón normal Botón de acciónEjemplo de escritura en HTML <a class='btn' href="#link">Botón normal</a>
<a class='btn cta' href="#link">
<i class='icon left'>whatsapp</i>
Botón de acción
</a>
junto con la adición de la clase "block" para la versión de ancho completo :
Botón de acción ( Completo )
Ejemplo de escritura en HTML <a class="btn block" href="#link">Botón normal ( Completo )</a>
<a class="btn block cta" href="#link">
<i class="icon left">shopping_cart</i>
Botón de acción ( Completo )
</a>
y siguiendo con la adición del contenedor "btn-group" para crear un grupo de botones :
Ejemplo de escritura en HTML <div class='btn-group'>
<a class="btn block" href="#link">Demo</a>
<a class="btn block cta" href="#link">
<i class="icon left">download</i>
Descarga
</a>
</div>
