Categoría: HTML-Misc

¿Cómo cambiar el color de fuente de la entrada deshabilitada usando CSS?

Posted on by Rudeus Greyrat

En este artículo, vamos a aprender cómo cambiar el color de fuente de la entrada deshabilitada. Existe un método para resolver este problema, que se analiza a continuación: Enfoque: al agregar la propiedad CSS básica, podemos cambiar el color de fuente de una entrada deshabilitada. El elemento de entrada deshabilitado es inutilizable y no se … Continue reading «¿Cómo cambiar el color de fuente de la entrada deshabilitada usando CSS?»

¿Cómo agregar una imagen como marcador de elemento de lista en una lista usando CSS?

Posted on by Rudeus Greyrat

El enfoque de este artículo es aprender cómo agregar una imagen como marcador de elemento de lista en una lista usando la propiedad list-style-image en CSS.  Sintaxis: list-style-image: none | url | initial | inherit; Ejemplo: <!DOCTYPE html> <html>    <head>     <style>         ul {             list-style-image: url( «https://contribute.geeksforgeeks.org/wp-content/uploads/listitem-1.png»);         }     </style> </head>    <body>     <h1 style=»color:green;»>         GeeksforGeeks … Continue reading «¿Cómo agregar una imagen como marcador de elemento de lista en una lista usando CSS?»

¿Cómo crear una barra de progreso de varios pasos usando Bootstrap?

Posted on by Rudeus Greyrat

En este artículo, crearemos una barra de progreso de varios pasos usando Bootstrap. Además de Bootstrap, usaremos jQuery para la manipulación de DOM. Las barras de progreso se utilizan para visualizar la cantidad de trabajo que se ha completado. La fuerza de la barra de progreso indica el progreso del trabajo. Generalmente se usa en … Continue reading «¿Cómo crear una barra de progreso de varios pasos usando Bootstrap?»

¿Cómo dividir una columna de lista en diferentes filas usando bootstrap?

Posted on by Rudeus Greyrat

BootStrap es el marco CSS de código abierto, gratuito y más popular que se utiliza para el desarrollo web front-end. correa de arranque 4es la última versión que se está utilizando. BootStrap 4 ofrece una amplia gama de componentes, contenido, diseño y utilidades para trabajar. Bootstrap 4 ofrece un sistema de cuadrícula que utiliza una … Continue reading «¿Cómo dividir una columna de lista en diferentes filas usando bootstrap?»

Cree una página de inicio para restaurante usando HTML, CSS y Bootstrap

Posted on by Rudeus Greyrat

Requisitos previos: HTML 5, CSS y Bootstrap HTML:   HTML significa lenguaje de marcado de hipertexto. Se utiliza para diseñar páginas web utilizando un lenguaje de marcado. HTML es la combinación de hipertexto y lenguaje de marcado. El hipertexto define el vínculo entre las páginas web. Se utiliza un lenguaje de marcado para definir el … Continue reading «Cree una página de inicio para restaurante usando HTML, CSS y Bootstrap»

¿Cómo abrir un hipervínculo en otra ventana o pestaña en HTML?

Posted on by Rudeus Greyrat

Existen varios métodos para abrir un hipervínculo en otra ventana o pestaña, como usar JavaScript, jQuery o HTML. Para abrir un hipervínculo en otra pestaña usando HTML, use el atributo de destino y proporcione el valor _blank en la pestaña de anclaje. Sintaxis:   <a target=»target_name» rel=»relation_name» href=»link»>Link Name</a> Aquí, el atributo rel se usa para … Continue reading «¿Cómo abrir un hipervínculo en otra ventana o pestaña en HTML?»

¿Cómo obtener el valor en un cuadro de texto de entrada usando jQuery?

Posted on by Rudeus Greyrat

El método jQuery val() se utiliza para obtener el valor de un elemento. Esta función se utiliza para establecer o devolver el valor. El valor de retorno da el atributo de valor del primer elemento. En el caso del valor establecido, establece el valor del atributo para todos los elementos. Este elemento se usa principalmente … Continue reading «¿Cómo obtener el valor en un cuadro de texto de entrada usando jQuery?»

¿Cómo dibujar un trapecio usando HTML y CSS?

Posted on by Rudeus Greyrat

Un trapecio es un cuadrilátero que tiene dos lados paralelos y dos no paralelos. En este artículo, crearemos una forma de trapecio utilizando HTML y CSS simples. Código HTML: en esta sección, crearemos un elemento simple usando la etiqueta HTML div . HTML <!DOCTYPE html> <html lang=»en»> <head>   <meta charset=»UTF-8″>   <meta name=»viewport» content=     «width=device-width, initial-scale=1.0»> … Continue reading «¿Cómo dibujar un trapecio usando HTML y CSS?»

¿Cómo eliminar el CSS no utilizado de su sitio web?

Posted on by Rudeus Greyrat

Los archivos CSS de su sitio web a veces pueden llegar a ser bastante grandes. Esto sucederá principalmente cuando cree nuevas clases sin eliminar las antiguas que ahora ha dejado de usar, lo que hace que el archivo CSS sea muy complicado para que otros colaboradores lo entiendan y modifiquen.  Esto también puede suceder si … Continue reading «¿Cómo eliminar el CSS no utilizado de su sitio web?»

Juego de descifrar el código usando JavaScript

Posted on by Rudeus Greyrat

¿Cómo implementar un juego Crack-The-Game usando JavaScript? Es bastante fácil de desarrollar con algunas matemáticas simples. El jugador tiene que adivinar los 3 números para ganar este juego usando 5 pistas simples. Este va a ser un juego muy interesante. Este juego está construido usando matemáticas simples en JavaScript. Prerrequisitos: Conocimiento básico de algunas tecnologías … Continue reading «Juego de descifrar el código usando JavaScript»