Abrir pulsando un botón
Esta ventana emergente puede tener cualquier tamaño
Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien.
Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Morbi at nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ventana emergente sin fondo
¡ES ASOMBROSO!
Proin semper, odio sed facilisis eleifend, orci lacus finibus eros, et luctus nulla dolor at metus. Nam at posuere nunc, eu maximus elit. Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla mollis velit laoreet.
Abrir haciendo clic en la imagen
Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien.
Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Morbi at nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
¿¡Hola!?
Es sólo un ejemplo de Ventana emergente,
que es abierto automáticamente después de cargar la página.
¡Ahora ciérralo y echa un vistazo a los otros increíbles ejemplos! 😉
Abrir haciendo clic en un elemento específico
Cabecera uno
Cabecera dos
Cabecera tres
Cabecera cuatro
Cabecera cinco
Cabecera seis
Este es el párrafo por defecto. Morbi sagittis sem quis lacinia faucibus, este es un enlace de texto orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Suspendisse consectetur fringilla luctus.
Cita en bloque de una línea:
Mantente hambriento. Sigue siendo tonto.
Cita en bloque de varias líneas con una referencia de cita:
La gente cree que centrarse significa decir sí a aquello en lo que tienes que centrarte. Pero no significa eso en absoluto. Significa decir no a las otras cien buenas ideas que hay. Hay que elegir con cuidado. En realidad estoy tan orgulloso de las cosas que no hemos hecho como de las que sí. La innovación es decir no a 1.000 cosas. Steve Jobs - Conferencia mundial de desarrolladores de Apple, 1997
Listas desordenadas (anidadas)
- Punto uno de la lista
- Punto uno de la lista
- Punto uno de la lista
- Punto dos de la lista
- Punto tres de la lista
- Punto cuatro de la lista
- Punto dos de la lista
- Punto tres de la lista
- Punto cuatro de la lista
- Punto uno de la lista
- Punto dos de la lista
- Punto tres de la lista
- Punto cuatro de la lista
Listas ordenadas (anidadas)
- Punto uno de la lista
- Punto uno de la lista
- Punto uno de la lista
- Punto dos de la lista
- Punto tres de la lista
- Punto cuatro de la lista
- Punto dos de la lista
- Punto tres de la lista
- Punto cuatro de la lista
- Punto uno de la lista
- Punto dos de la lista
- Punto tres de la lista
- Punto cuatro de la lista
Etiquetas HTML
Estas etiquetas compatibles proceden del código de WordPress.com PREGUNTAS FRECUENTES.
Etiqueta de dirección
1 Bucle infinitoCupertino, CA 95014
Estados Unidos
Etiqueta de anclaje (enlace)
Este es un ejemplo de Enlace.
Abreviatura Etiqueta
La abreviatura srsly significa "en serio".
Etiqueta Acrónimo (obsoleto en HTML5)
El acrónimo ftw significa "por la victoria".
Etiqueta grande (obsoleto en HTML5)
Estas pruebas son un gran pero esta etiqueta ya no es compatible con HTML5.
Citar etiqueta
"El código es poesía". -Automattic
Código
Más adelante aprenderá que word-wrap: romper-palabra; será tu mejor amigo.
Eliminar etiqueta
Esta etiqueta le permitirá texto tachadopero esta etiqueta ya no es compatible con HTML5 (utilice la etiqueta en su lugar).
Etiqueta de énfasis
La etiqueta emphasize debe cursiva texto.
Insertar etiqueta
Esta etiqueta debe indicar insertado texto.
Etiqueta de teclado
Esta etiqueta tan conocida emula texto del tecladoque suele tener el mismo estilo que el <code> Etiqueta.
Etiqueta preformateada
Esta etiqueta estiliza grandes bloques de código.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
altura de línea: 1.2;
y aquí hay una línea de algunos realmente, realmente, realmente, realmente, realmente largo texto, sólo para ver cómo la etiqueta PRE maneja y para averiguar cómo se desborda;
}
Citar etiqueta
Desarrolladores, desarrolladores, desarrolladores...
-Steve Ballmer
Etiqueta de huelga (obsoleto en HTML5)
Esta etiqueta muestra el texto tachado
Etiqueta fuerte
Esta etiqueta muestra texto en negrita.
Etiqueta de subíndice
La ciencia se estiliza con H2O, que debería empujar el "2" hacia abajo.
Etiqueta superíndice
Siguiendo con la ciencia y el E=MC de Isaac Newton2...que debería levantar el 2.
































































































































































































































































































































































