HTML | Calculadora científica

Aquí se va a formar una calculadora científica usando HTML, CSS y JavaScript.   Título de la calculadora: este es el título en la parte superior de nuestra aplicación, «Calculadora científica GeeksforGeeks». Pantalla de salida: Esta será la pantalla de salida, donde se mostrará todo el texto. Como la entrada que el usuario escribirá y la … Continue reading «HTML | Calculadora científica»

Generador de códigos QR usando HTML, CSS y jQuery

Un generador de códigos QR es una aplicación que almacena los datos de texto requeridos en un código QR que luego se puede escanear con un escáner de códigos QR para revelar la información almacenada. Este Código QR se puede utilizar en cualquier lugar, por ejemplo, en un cartel o sitio web para permitir a … Continue reading «Generador de códigos QR usando HTML, CSS y jQuery»

¿Cómo deshabilitar la tecla ALT usando jQuery?

jQuery es una biblioteca de JavaScript rápida, pequeña y rica en funciones. Hace que cosas como el recorrido y la manipulación de documentos HTML, el manejo de eventos, la animación y Ajax sean mucho más simples con una API fácil de usar que funciona en una multitud de navegadores. Cuál es el uso de ello … Continue reading «¿Cómo deshabilitar la tecla ALT usando jQuery?»

¿Cómo alinear una imagen de logotipo al centro de la barra de navegación usando HTML y CSS?

Declaración del problema: debe haber visto que al aplicar la propiedad margin:auto a la etiqueta de imagen en la barra de navegación, la imagen del logotipo en la barra de navegación no se centra. Enfoque: como la etiqueta de imagen en CSS es un elemento en línea, la etiqueta de imagen ocupará solo el espacio … Continue reading «¿Cómo alinear una imagen de logotipo al centro de la barra de navegación usando HTML y CSS?»

¿Cómo crear un gráfico circular usando HTML y CSS?

El gráfico circular es un tipo de gráfico que muestra datos en forma circular y generalmente se usa para mostrar datos porcentuales o proporcionales. El porcentaje representado en el gráfico por cada categoría se proporciona cerca de la porción correspondiente de una parte del gráfico circular. Estos gráficos son muy buenos para mostrar datos de … Continue reading «¿Cómo crear un gráfico circular usando HTML y CSS?»

¿Qué es shadow root y cómo usarlo?

En el mundo actual lleno de arquitectura basada en componentes, todavía se da el caso de que CSS aplicado globalmente podría crear problemas en el resto de nuestro código. Esto se debe a la forma y cómo se creó CSS. No es necesariamente malo, pero es bueno tener en cuenta que podríamos usar el estilo … Continue reading «¿Qué es shadow root y cómo usarlo?»

¿Cómo definir texto marcado/resaltado usando HTML5?

En el artículo, definimos un texto marcado/resaltado mediante el uso de la etiqueta de marca en HTML para definir el texto marcado. Se utiliza para resaltar la parte del texto en un párrafo. La etiqueta de marca es nueva en HTML 5. Sintaxis:  <mark> Contents… </mark> Ejemplos:  html <!DOCTYPE html> <html>     <head>         <title>How to define … Continue reading «¿Cómo definir texto marcado/resaltado usando HTML5?»

¿Cómo generar una ventana emergente simple usando jQuery?

La tarea es generar una ventana emergente usando jQuery. Las ventanas emergentes son útiles para mostrar información importante a los visitantes de un sitio web. Enfoque: Se puede hacer un pop simple usando el método toggle() de jQuery que alterna entre las funciones hide() y show() de jQuery, es decir, verifica la visibilidad del selector … Continue reading «¿Cómo generar una ventana emergente simple usando jQuery?»

¿Cómo ocultar el texto desbordado como puntos suspensivos usando columnas dinámicas de arranque?

Varias utilidades y diseños proporcionados de forma predeterminada en Bootstrap 4 para ocultar el texto desbordado como puntos suspensivos usando columnas dinámicas de arranque. Aquí, las columnas dinámicas de arranque significan que las columnas en fila o flexibles tienen propiedades iguales incluso en cualquier número. Los siguientes enfoques lo explicarán claramente. Enfoque 1: para ocultar … Continue reading «¿Cómo ocultar el texto desbordado como puntos suspensivos usando columnas dinámicas de arranque?»

¿Cómo importar fuentes de Google en HTML?

Elegir la fuente adecuada para su página web es un aspecto muy importante de cualquier diseño. El uso de un servicio de fuentes web le permite utilizar una amplia variedad de fuentes adecuadas para presentar los datos en su página web. Google Fonts es un servicio gratuito de fuentes web que alberga una gran variedad … Continue reading «¿Cómo importar fuentes de Google en HTML?»