La tabla es una disposición de datos en filas y columnas, o posiblemente en una estructura más compleja. Las tablas se utilizan ampliamente en la comunicación, la investigación y el análisis de datos. En este artículo, vamos a crear una Tabla con animación sobre sus columnas. Vamos a implementarlo usando HTML y CSS . Enfoque: … Continue reading «¿Cómo hacer una tabla animada usando HTML y CSS?»
Distancia de desenfoque significa desenfocar el borde de un elemento y establecer su distancia usando CSS. En este artículo, veremos cómo configurar la distancia de desenfoque usando CSS para diseñar la distancia de desenfoque en el elemento HTML. Puede usar la propiedad box-shadow que da un efecto de sombra a los marcos de un elemento. … Continue reading «¿Cómo establecer la distancia de desenfoque en CSS?»
JavaScript es un lenguaje de programación de secuencias de comandos que también ayuda a validar la información del usuario. ¿Alguna vez has oído hablar de la validación de formularios? Aquí entra en escena JavaScript, el lenguaje de secuencias de comandos que se utiliza para validaciones y verificaciones. Para profundizar en este tema, entendamos con ejemplos. … Continue reading «¿Cómo validar el formulario usando la expresión regular en JavaScript?»
En este artículo, vamos a construir una aplicación web FIR en línea usando PHP con MySQL . En esta aplicación podemos archivar casos desde cualquier lugar por su nombre, queja, estado (pendiente o resuelto), y fecha de incidencia, fecha de registro. Solo el administrador puede ver, eliminar y actualizar el estado. Solo el administrador puede … Continue reading «Aplicación web FIR en línea usando PHP con MySQL»
En este artículo, aprenderemos a mostrar un mensaje cuando un número está entre el rango dado usando JavaScript. Tomamos un número del usuario y le decimos si está dentro de un rango o no, en nuestro caso, el rango es de 1 a 10. Enfoque: creamos un botón y le agregamos un detector de … Continue reading «¿Cómo mostrar un mensaje cuando el número dado está entre el rango usando JavaScript?»
Si tiene elementos HTML div uno al lado del otro con display: table-cell; y desea establecer un margen entre ellos, entonces no habrá ningún efecto de margen. Ejemplo: HTML <!DOCTYPE html> <html> <body> <div style=»display: table-cell; margin: 50px; background-color:blue;»> 10 </div> <div style=»display: table-cell; margin: 50px; background-color:blueviolet;»> 20 </div> </body> </html> Salida: … Continue reading «¿Por qué div display:table-row ignora el margen?»
En este artículo, veremos cómo se puede servir el contenido de la página en varios idiomas. Podemos configurar el idioma en el documento HTML configurando el atributo lang en el código. Por defecto, el idioma especificado es el inglés, pero se puede cambiar a nuestra conveniencia. Hay una manera de cambiar el idioma del contenido … Continue reading «¿Cómo servir una página con contenido en varios idiomas?»
La tarea es aprender a aislar una parte del texto que puede formatearse en una dirección diferente usando HTML5. Enfoque: Como sabemos, bdi significa Aislamiento bidireccional. Básicamente. Se utiliza para diferenciar un texto de otro texto que puede estar formateado en una dirección diferente. La tarea se puede realizar utilizando la etiqueta <bdi> en el … Continue reading «¿Cómo aislar una parte del texto que puede formatearse en una dirección diferente usando HTML5?»
El elemento HTML <optgroup> crea una agrupación de opciones dentro de un elemento <select> . El texto de atributo de la etiqueta HTML <optgroup> se utiliza para especificar una etiqueta para un grupo de opciones. El atributo disabled se usa para especificar que un grupo de opciones debe estar deshabilitado. Sintaxis: <optgroup label=»name»> Ejemplo 1: … Continue reading «¿Cómo especificar una etiqueta para una etiqueta optgroup en HTML5?»
Atributo de marcador de posición: el atributo de marcador de posición especifica una sugerencia breve que describe el valor esperado de un campo de entrada/área de texto. La sugerencia breve se revela en el campo antes de que el usuario ingrese un valor. Es solo una sugerencia temporal y no tiene nada que ver con … Continue reading «Marcador de posición frente a atributos de valor en HTML»