Creó un botón HTML y la tarea es cambiar el color de fondo del botón al presionarlo con la ayuda de AngularJS. Enfoque: en este enfoque, intentaremos cambiar la clase o la identificación del botón, y el CSS de esas clases/ID cambiará el color de fondo del botón. Ejemplo 1: En este ejemplo, la clase … Continue reading «¿Cómo cambiar el color del botón después de hacer clic en él usando AngularJS?»
Botones de alternancia: Los botones que pueden cambiar de un estado a otro, es decir, que pueden cambiarse de un estado activado a un estado desactivado o viceversa, se denominan botones de alternancia . Por ejemplo: Un interruptor particular en nuestra casa puede estar encendido o apagado. Este es un muy buen ejemplo de un … Continue reading «¿Cómo crear un botón de radio similar al botón de alternar usando Bootstrap?»
Es display: inline-block;una propiedad de diseño en CSS que no agrega un salto de línea después del elemento. Como resultado, los elementos pueden sentarse uno al lado del otro. La principal diferencia entre display: inline;y display: inline-block;es que display: inline-block;también nos permite establecer el ancho y la altura del elemento. Podemos evitar que los divs … Continue reading «¿Cómo evitar que se envuelvan los divs de bloque en línea?»
Este artículo describe la diferencia entre la base flexible y la propiedad de ancho junto con ejemplos de uso. La propiedad flex-basis define el tamaño inicial de los elementos flexibles según el valor de la dirección flexible. Tiene las siguientes propiedades adicionales que pueden cambiar su comportamiento: El valor de dirección flexible se puede establecer … Continue reading «¿Cuáles son las diferencias entre base flexible y ancho en Flexbox?»
En el mapeo de imágenes, una imagen se especifica con cierto conjunto de coordenadas dentro de la imagen que actúan como áreas de hipervínculo a diferentes destinos. Es diferente de un enlace de imagen, ya que en el enlace de imágenes, una imagen se puede utilizar para servir a un solo enlace o destino, mientras … Continue reading «¿Cómo especificar una imagen como un mapa de imagen del lado del servidor en HTML?»
En este artículo, seleccionaremos valores de un objeto JSON y los mostraremos en el navegador usando jQuery. Para seleccionar valores de un objeto JSON a una página web, usamos el método append() . Este método append() en jQuery se usa para insertar algún contenido al final de los elementos seleccionados. Sintaxis: $(selector).append( content, function(index, html) … Continue reading «¿Cómo seleccionar valores de un objeto JSON usando jQuery?»
El ícono de superposición de imagen puede ser una adición impresionante a los detalles interactivos o un conjunto de funciones para su sitio web. El contenido de este artículo dividirá la tarea en dos secciones, la primera sección creará la estructura y adjuntará el enlace para el icono. En la segunda sección, diseñaremos la estructura … Continue reading «¿Cómo crear un icono de superposición de imagen usando HTML y CSS?»
El término ARIA con atributos como aria-labeledby y aria-hidden significa Aplicaciones de Internet enriquecidas accesibles. Estos son el conjunto de estándares y pautas que hacen que las aplicaciones web sean más accesibles para las personas con discapacidad. Esto se utiliza en el contenido interactivo de un documento HTML, como mensajes de error, barras de progreso, … Continue reading «¿Qué son estos atributos `aria-labelledby` y `aria-hidden`?»
En este artículo, encontraremos la clase del elemento seleccionado usando jQuery. Para encontrar la clase del elemento seleccionado, usamos esta propiedad.className. La propiedad className se usa para establecer o devolver el valor del atributo de clase de un elemento. Usando esta propiedad, el usuario puede cambiar la clase de un elemento a la clase deseada. … Continue reading «¿Cómo encontrar la clase de elemento en el que se hizo clic usando jQuery?»
Crear un documento HTML usando Bootstrap y hacer más de una columna. La tarea es establecer el control en una columna sobre la altura usando Bootstrap. La forma de hacerlo es utilizando otro div interior en la columna de la izquierda. El div interior debe ser posición: absoluto. Ejemplo: HTML <!DOCTYPE html> <html lang=»en»> … Continue reading «¿Cómo establecer un control de columna sobre la altura en Bootstrap?»