El propósito de este artículo es dividir el texto en dos columnas usando la propiedad de columna CSS . Esta propiedad se utiliza para establecer el número de columnas y el ancho de estas columnas. Sintaxis: columns: column-width columns-count | auto | initial | inherit; Ejemplo: HTML <!DOCTYPE html> <html> <head> <style> body … Continue reading «¿Cómo dividir el texto en un diseño de dos columnas usando CSS?»
Para crear páginas web atractivas y únicas, eventualmente se requiere agregar un elemento sobre otro, completo o solo una parte del mismo. Hay dos métodos para lograr esto. Usando la propiedad de posición CSS. Uso de cuadrículas CSS. Uso de la propiedad de posición CSS: la position: absolute;propiedad se usa para colocar cualquier elemento en … Continue reading «¿Cómo apilar elementos en CSS?»
En este artículo, estableceremos el color de fondo de un elemento usando jQuery. Para agregar el color de fondo, usamos el método css(). El método css() en JQuery se usa para cambiar la propiedad de estilo del elemento seleccionado. El css() en JQuery se puede usar de diferentes maneras. El método css() se puede usar … Continue reading «¿Cómo establecer el color de fondo para un elemento usando jQuery?»
Aquí la tarea es eliminar un elemento particular del DOM con la ayuda de AngularJS. Planteamiento: Aquí primero seleccionamos el elemento que queremos eliminar. Luego usamos el método remove() para eliminar ese elemento en particular. Ejemplo 1: aquí se ha eliminado el elemento de clase (‘p’). <!DOCTYPE HTML> <html> <head> <script src= «//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js»> </script> … Continue reading «¿Cómo eliminar el elemento HTML de DOM usando AngularJS?»
La animación de degradado se puede agregar al fondo de sus sitios web mediante el uso de una regla simple de HTML y CSS @keyframes que genera la animación deseada. Código HTML: En el siguiente ejemplo, se implementa la estructura básica de la página HTML. <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»UTF-8″> <meta name=»viewport» … Continue reading «¿Cómo crear una animación de fondo degradado usando HTML y CSS?»
Se puede ver en muchos sitios web como leer más botones que contienen un enlace. Estas cosas se expanden cuando el usuario hace clic en el enlace o botón Leer más y luego, después de expandirse, no había opción para colapsar el contenido expandido. En este artículo, eliminaremos esa opción de colapso. Necesitábamos dos elementos … Continue reading «¿Cómo crear un elemento de resumen que pueda expandirse pero nunca reducirse usando HTML?»
El complemento Bootstrap Modal es un cuadro de diálogo/ventana emergente que se muestra en la parte superior de la página actual. De forma predeterminada, la ventana modal de Bootstrap está alineada con la parte superior de la página con cierto margen. Pero puede alinearlo en el medio de la página verticalmente usando la propiedad de … Continue reading «¿Cómo alinear el cuadro de contenido modal al centro de cualquier pantalla?»
Hay una tabla hecha con HTML en la que los elementos de datos se establecen en una opacidad baja. La tarea es cambiar la opacidad de un elemento en particular cuando el usuario pasa el mouse sobre los elementos de datos. Para que una tabla se vea mejor, usaremos colores degradados para configurar los fondos … Continue reading «¿Cómo cambiar la opacidad de cada elemento de datos al pasar el mouse sobre una tabla usando CSS?»
Protractor es un marco de prueba de extremo a extremo desarrollado para aplicaciones AngularJS y Angular. Básicamente ejecuta las pruebas contra la aplicación que está interactuando con ella como lo haría un usuario real, ejecutándose en un navegador real. En el siguiente ejemplo, vamos a obtener las coordenadas x e y de un elemento y … Continue reading «¿Cómo obtener las coordenadas x e y de un elemento en el transportador Node.js?»
En este artículo, aprenderemos cómo enviar enlaces por correo para enviar un correo en HTML. El enlace Mailto es una forma predeterminada de enviar un correo cuando el consumidor desea comunicarse o desea dar su opinión; luego, al hacer clic en el enlace mailto , se abrirá una ventana de envío de correo predeterminada. Entonces … Continue reading «¿Cómo usar mailto en HTML?»