Categoría: HTML-Misc

Cree una tabla de contenido en la arquitectura de vista de árbol usando HTML, CSS y JavaScript

Posted on by Rudeus Greyrat

Los elementos de la vista de árbol son una especie de menú desplegable, aunque estén bien organizados. Este tipo de vista le da a su sitio web una apariencia organizada, para crear una arquitectura de vista de árbol de un menú desplegable, podemos usar HTML, CSS y JavaScript. Dividiremos todo el procedimiento en dos secciones … Continue reading «Cree una tabla de contenido en la arquitectura de vista de árbol usando HTML, CSS y JavaScript»

¿Cómo crear un cuadro de búsqueda animado usando HTML y CSS?

Posted on by Rudeus Greyrat

La tarea es crear un cuadro de búsqueda animado utilizando HTML y CSS. La barra de búsqueda es uno de los componentes más importantes del sitio web. Básicamente, se utiliza para conectar personas con sitios web. Ante contenidos web complicados, los usuarios expresan sus necesidades buscando palabras clave, esperando obtener información precisa y resultado rápido.  … Continue reading «¿Cómo crear un cuadro de búsqueda animado usando HTML y CSS?»

¿Cómo eliminar la extensión .html de la URL de una página estática?

Posted on by Rudeus Greyrat

Todas las páginas del sitio web tienen una estructura dada por HTML. HTML proporciona la estructura al contenido, texto, tablas, encabezados y listas en la página web que hace que la página sea fácil de leer. Al guardar un documento HTML, tiene una extensión como .html. Por lo tanto, la URL del sitio web tiene … Continue reading «¿Cómo eliminar la extensión .html de la URL de una página estática?»

¿Cómo deshabilitar o habilitar el botón de envío de formulario en jQuery?

Posted on by Rudeus Greyrat

Dado un documento HTML y la tarea es habilitar o deshabilitar el botón de envío de formulario en jQuery. Enfoque: para habilitar o deshabilitar el botón de envío de formulario, usamos el siguiente fragmento de código. $(‘#enabled’).click(function () { if ($(‘#submit-button’).is(‘:disabled’)) { $(‘#submit-button’).removeAttr(‘disabled’); } else { $(‘#submit-button’).attr(‘disabled’, ‘disabled’); } }); En el código anterior, habilitado … Continue reading «¿Cómo deshabilitar o habilitar el botón de envío de formulario en jQuery?»

Validación de formularios con el complemento jbvalidator

Posted on by Rudeus Greyrat

jbvalidator es un complemento basado en jQuery y Bootstrap que admite validaciones de formularios de cliente y servidor. Los atributos de datos HTML proporcionados son fáciles de usar y comprender. El complemento brinda funciones en varios idiomas junto con reglas y mensajes de validación personalizados. El complemento se puede usar descargando los archivos precompilados necesarios … Continue reading «Validación de formularios con el complemento jbvalidator»

¿Cómo crear un efecto de revelación de texto usando HTML y CSS?

Posted on by Rudeus Greyrat

Text-reveal es un tipo de efecto en el que todos los alfabetos del texto se revelan uno a uno de forma animada. Hay innumerables formas de animar texto para este efecto. Depende de tu creatividad cómo quieres que se revele el texto. Veremos una forma básica y fácil de empezar. Enfoque: el enfoque consiste en … Continue reading «¿Cómo crear un efecto de revelación de texto usando HTML y CSS?»

¿Cómo agregar la nueva fuente San Francisco de Apple en una página web usando CSS?

Posted on by Rudeus Greyrat

La fuente San Francisco de Apple recién creada es cómoda para los ojos humanos según la investigación. Normalmente, la fuente de Apple no se puede usar en ninguna página web a través de CSS. Este tipo de fuentes están integradas en el producto de Apple, pero la nueva fuente San Francisco se puede usar en … Continue reading «¿Cómo agregar la nueva fuente San Francisco de Apple en una página web usando CSS?»

¿Cómo crear texto parpadeante usando CSS?

Posted on by Rudeus Greyrat

El efecto de texto parpadeante también se conoce como el efecto de texto parpadeante que se puede crear fácilmente usando la regla @keyframes de HTML y CSS y la propiedad de opacidad . Código HTML: en esta sección, crearemos un elemento div básico que tendrá algo de texto dentro. <!DOCTYPE html> <html lang=»en»> <head>   <meta … Continue reading «¿Cómo crear texto parpadeante usando CSS?»

¿Cómo hacer un efecto de deslizamiento de fotos usando HTML y CSS?

Posted on by Rudeus Greyrat

Es un efecto de animación fácil y sorprendente creado con HTML y CSS, donde las fotos se mueven horizontalmente una por una como un rodillo. Cuando el puntero del mouse llega a la foto, la foto específica deja de moverse. Enfoque: la idea básica de estas animaciones proviene del efecto de desplazamiento de la animación … Continue reading «¿Cómo hacer un efecto de deslizamiento de fotos usando HTML y CSS?»

¿Cómo alinear el texto de la etiqueta <leyenda> al centro?

Posted on by Rudeus Greyrat

La etiqueta <legend> se utiliza para definir el título de los contenidos secundarios. Los elementos de la leyenda son el elemento principal. Esta etiqueta se utiliza para definir el título del elemento <fieldset>. El atributo de alineación <legend> en HTML se utiliza para especificar la alineación del título en un elemento <fieldset>. La alineación izquierda … Continue reading «¿Cómo alinear el texto de la etiqueta <leyenda> al centro?»