Los códigos más votados de HTML

Listado de los códigos más votados desde su publicación.
sin imagen de perfil

Top Links


HTML

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 24 de Mayo del 2005 por Corpol (35 códigos)
34.428 visualizaciones desde el 24 de Mayo del 2005
Código que muestra una lista de sitios o noticias con una pequeña descripción y su respectivo enlace, cuenta con las funciones pausa y continue, utilizando el menor código posible para su mejor entendimiento.
Imágen de perfil
Val: 13
Ha disminuido su posición en 18 puestos en HTML (en relación al último mes)
Gráfica de HTML

Menu Animado Responsive HTML5 & CSS3


HTML

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 3 de Agosto del 2020 por Terry (3 códigos) (Publicado el 25 de Noviembre del 2014)
13.196 visualizaciones desde el 25 de Noviembre del 2014
Este es un menú en donde al poner el cursor el elemento gira ya también responsive

espero les sirva en algo, gracias a todos, no olviden dejar sus comentarios o sugerencias.
sin imagen de perfil

Uso del reloj


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 12 de Junio del 2003 por Corpol (35 códigos)
40.279 visualizaciones desde el 12 de Junio del 2003
Página que, además de mostrar la fecha del sistema, muestra al usuario el tiempo que ha permanecido en la página cuando la abandona.
sin imagen de perfil

Seguridad en web


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 8 de Septiembre del 2003 por Corpol (35 códigos)
39.132 visualizaciones desde el 8 de Septiembre del 2003
Método simple para proteger el acceso a una web mediante el uso de un password.
Imágen de perfil
Val: 359
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Validar campos de un formulario con HTML5


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 4 de Diciembre del 2016 por Scriptshow (138 códigos)
8.778 visualizaciones desde el 4 de Diciembre del 2016
Ejemplo para comprobar que los datos introducidos en los campos de un formulario son correctos.
Esto es posible gracias al atributo "pattern" incluido en HTML5 para algunas etiquetas tipo "input". El atributo utiliza expresiones regulares para comprobar el valor del "input" correspondiente.

Es compatible con las últimas versiones de algunos Navegadores Web.
No está probado en todas las plataformas, dispositivos, etc.
Es una de tantas posibilidades que ofrece HTML5.

Espero sea útil.

Un saludo
sin imagen de perfil

Cambiar el cursor


HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 24 de Diciembre del 2002 por Kovi
50.466 visualizaciones desde el 24 de Diciembre del 2002
Código que cambia el cursor dentro de la pagina o enlace. Probado con IE 6.
sin imagen de perfil

Formulario personalizado


HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 9 de Mayo del 2003 por Corpol (35 códigos)
38.796 visualizaciones desde el 9 de Mayo del 2003
Código de un formulario donde se incluyen parámetros para personalizar la presentación.
sin imagen de perfil

Previsualizar


HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 22 de Julio del 2003 por Corpol (35 códigos)
26.503 visualizaciones desde el 22 de Julio del 2003
Código de una página en la que podemos mostrar en una pequeña ventana una página web externa. Cuando el usuario decide, puede cargar (de forma normal) la página que ha previsualizado.
Imágen de perfil
Val: 88
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Efecto PARALLAX


HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 7 de Abril del 2020 por John Alexander (10 códigos)
1.393 visualizaciones desde el 7 de Abril del 2020
En este código podás ver cómo hacer una página web que tiene un efecto PARALLAX solo con HTML y CSS.


Captura-de-pantalla-197
Imágen de perfil
Val: 159
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Posicionar una marca y un popup en google maps


HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 9 de Mayo del 2013 por Xavi (548 códigos)
11.562 visualizaciones desde el 9 de Mayo del 2013
Código de ejemplo que muestra como mostrar google maps en nuestra página web.
Nos permite indicar una imagen para la marca y un popup con el texto que deseamos en la posición que nosotros indiquemos. Se utiliza la API v3 de google maps.
Imágen de perfil

Texto En 3D!


HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 23 de Diciembre del 2014 por Luis-miguel- (12 códigos)
10.886 visualizaciones desde el 23 de Diciembre del 2014
Crearemos cualquier texto en 3d para nuestra Página Web!

foto_2242
sin imagen de perfil

Invisible al imprimir


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Mayo del 2003 por Corpol (35 códigos)
14.366 visualizaciones desde el 20 de Mayo del 2003
Utilización de una hoja de estilo en una página web para que un texto se visualice en el navegador pero no pueda imprimirse.
Imágen de perfil
Val: 159
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Mapa interactivo de comunidades de españa


HTML

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Octubre del 2015 por Xavi (548 códigos) (Publicado el 16 de Junio del 2014)
16.352 visualizaciones desde el 16 de Junio del 2014
Código que muestra como hacer una mapa interactivo de españa, donde al pasar el ratón por encima de las comunidades, se marca la comunidad y muestra su nombre.
Se utiliza css y jquery.

Puedes ver un ejemplo aquí aquí
sin imagen de perfil

HTML Básico


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 14 de Marzo del 2017 por Vanessa
2.923 visualizaciones desde el 14 de Marzo del 2017
esta es una simple pagina web para aquellos que lo necesiten.
pagina
Imágen de perfil
Val: 88
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Botones interactivos


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Abril del 2020 por John Alexander (10 códigos)
1.314 visualizaciones desde el 8 de Abril del 2020
En este código podrás ver cómo hacer 3 botones interactivos los cuales activan una sombra de neón cuando colocas el cursor sobre alguno de ellos.

(No responsive)


Captura-de-pantalla-203
Imágen de perfil
Val: 359
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Web 2.0 Light / Dark Style


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Mayo del 2020 por Scriptshow (138 códigos)
1.969 visualizaciones desde el 4 de Mayo del 2020
Saludos,

Web 2.0 es un proyecto creado desde cero con unos 6Kb. Se caracteriza por ser muy flexible, adaptable con mínimos cambios en el código. No depende de librerías de nigún tipo, es 100% Código Nativo Compatible.
Tiene múltiples y variadas aplicaciones: Web Personal, Portafolio para Fotógrafos, Arquitectos, Diseñadores, Freelancers, etc...

Espero sea útil.
Imágen de perfil
Val: 14
Ha disminuido su posición en 2 puestos en HTML (en relación al último mes)
Gráfica de HTML

HTML DESDE CERO COMO SI ESTUVIERA EN EL COLEGIO


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 23 de Julio del 2020 por Oswaldo Alberto (6 códigos)
1.282 visualizaciones desde el 23 de Julio del 2020
Cordial saludo.

El presente código fuente trata de Html, desde lo básico hasta el manejo de formularios, manejo de tablas, manejo de frames (ojo ya no se usan, pero por tratarse de enseñanza se ejemplarizan).

Finalmente se aplica el uso de formularios con tablas, es un concepto fui facil de aprender, para luego aplicarlo a sus necesidades. Con base a todo lo anterior, podrá seguir estudiando CSS el cual complementa el Html, y en un futuro muy cercano estudiar Html5 y CSS3.

Recuerden que en Internet existen muchos recursos presentados en muchos formatos para estudiar para aprender. "La vida es muy corta... vívela al máximo, como si fuera tu último día..."

Gracias,
Oswaldo Serrano
[email protected]

Foto-HV-Oswaldo-Serrano
Html
Imágen de perfil
Val: 886
Plata
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Creando un modo Día/Noche para nuestra web


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Septiembre del 2020 por Lopez
987 visualizaciones desde el 2 de Septiembre del 2020
La accesibilidad web es fundamental y muy significativa para quienes cuentan con alguna discapacidad y ¡Vaya! que hace feliz un modo noche. Pues hoy crearemos un Selector de Contraste o modo Claro/Oscuro. Con él mejoraremos, ademas de la experiencia de usuario, nuestras habilidades entendiendo un poco mas de LocalStorage, haciendo así de la web un lugar mejor.


uvLyAck

euTzUg2

Si quieres la información explicada o sumar ideas,
El post completo está en https://blob.cl/blog/post/crea-un-modo-de-contraste.
Puedes colaborar desde el git en https://github.com/lowpez/Accesibilidad-Color-y-Contraste
Imágen de perfil
Val: 359
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Plantilla HTML para Web 2.0


HTML

estrellaestrellaestrellaestrellaestrella(13)
Actualizado el 22 de Febrero del 2020 por Scriptshow (138 códigos) (Publicado el 19 de Agosto del 2017)
7.387 visualizaciones desde el 19 de Agosto del 2017
Una Web 2.0 basada en HTML y CSS compatible.

Un efecto Parallax y Reveal para presentar todos los contenidos desplazando la barra de Scroll.
La estructura es ampliable, adaptable, compatible con cualquier pantalla y/o dispositivo.
La respuesta del Sitio es ágil y rápida con imágenes optimizadas.

Un Saludo