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
34.163 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.
sin imagen de perfil

Uso del reloj


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 12 de Junio del 2003 por Corpol
39.953 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
38.703 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

Menu Animado Responsive HTML5 & CSS3


HTML

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 7 de Diciembre del 2014 por Terry (Publicado el 25 de Noviembre del 2014)
9.943 visualizaciones desde el 25 de Noviembre del 2014
Este es un menu en donde al poner el cursor el elemento gira ya tambien responsive
image1
Responsive

image2

espero les sirva en algo, gracias a todos, no olviden dejar sus comentarios o sugerencias.
Y visiten mi blog
www.elgatocoder.com
Imágen de perfil

Etiquetas Para Encabezados!


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 23 de Diciembre del 2014 por Luis-miguel-
3.111 visualizaciones desde el 23 de Diciembre del 2014
Podremos realizar etiquetas muy buenas para nuestros encabezados....Facilmente!
foto_2211
Imágen de perfil

Efecto De Sombra Atras!


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 16 de Enero del 2015 por Luis-miguel-
6.614 visualizaciones desde el 16 de Enero del 2015
Podremos crear fantasticos efectos de sombra, con muy pocas lineas de código.

Seleccion_020
Imágen de perfil
Val: 163
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
6.729 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
48.515 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
38.161 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
26.206 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: 190
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
11.007 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
Val: 190
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Como utilizar fuentes externas en nuestras páginas web


HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 22 de Julio del 2013 por Xavi
27.780 visualizaciones desde el 22 de Julio del 2013
Código que muestra como utilizar diferentes tipos de fuentes, ya sean archivos con extensión .ttf, .otf o .eot, y alguna de las 600 fuentes libres de google.
Imágen de perfil

Texto En 3D!


HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 23 de Diciembre del 2014 por Luis-miguel-
8.429 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
14.030 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.
sin imagen de perfil

Marquesina


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 14 de Octubre del 2007 por Jose Alfredo
33.474 visualizaciones desde el 14 de Octubre del 2007
Código que muestra una marquesina de contenidos con su respectivo resumen y se detiene al pasar el mouse sobre el.
Probado con IE, Firefox y Konqueror
Imágen de perfil

Firefox Agregar a favoritos


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 21 de Octubre del 2007 por Administrador
14.764 visualizaciones desde el 21 de Octubre del 2007
Código para añadir una web a favoritos con Firefox.
Imágen de perfil

HTML5 - Arrastras y Soltar (Drag and Drop)


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 16 de Marzo del 2012 por Administrador
9.885 visualizaciones desde el 16 de Marzo del 2012
Simple tutorial que muestra de manera muy comentada la manera de arrastrar y soltar (Drag and Drop) elementos dentro del navegador.
Imágen de perfil

Ejemplo de la visualización del progreso de las tareas con HTML5 y Javascript


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 3 de Junio del 2013 por Administrador
9.303 visualizaciones desde el 3 de Junio del 2013
Código que muestra mediante HTML5 y Javascript, como mostrar una barra de progreso.
Imágen de perfil
Val: 190
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Contenido Editable en HTML5


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Julio del 2013 por Xavi
8.075 visualizaciones desde el 15 de Julio del 2013
Código que muestra como utilizar la propiedad contenteditable para permitir editar un párrafo de nuestra web.
Imágen de perfil
Val: 190
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 (Publicado el 16 de Junio del 2014)
14.080 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í
Imágen de perfil
Val: 13
Ha aumentado su posición en 3 puestos en HTML (en relación al último mes)
Gráfica de HTML

sitio web completo


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 26 de Noviembre del 2016 por Carlos
3.857 visualizaciones desde el 26 de Noviembre del 2016
flahs
galeria
index
sin imagen de perfil
Val: 12
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

HTML Básico


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 14 de Marzo del 2017 por Vanessa
2.426 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: 163
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 16 de Febrero del 2019 por Scriptshow (Publicado el 19 de Agosto del 2017)
5.621 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
Imágen de perfil

Redireccionar o actualizar una pagina


HTML

estrellaestrellaestrellaestrellaestrella(15)
Publicado el 5 de Febrero del 2002 por Administrador
55.322 visualizaciones desde el 5 de Febrero del 2002
Este código, redirecciona o actualiza una pagina automáticamente
sin imagen de perfil

Tipo de bordes


HTML

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 16 de Enero del 2003 por Fore
58.713 visualizaciones desde el 16 de Enero del 2003
Style que permite cambiar el tipo de borde en una tabla.
sin imagen de perfil

Matrix


HTML

estrellaestrellaestrellaestrellaestrella(15)
Publicado el 2 de Abril del 2004 por Corpol
72.228 visualizaciones desde el 2 de Abril del 2004
Este código simula el efecto de la matrix a pantalla completa con ayuda de imágenes.
Imágen de perfil
Val: 190
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Tipos de campos en un formulario de HTML5 y como mostrar sus valores con JavaScript


HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 29 de Abril del 2014 por Xavi
6.748 visualizaciones desde el 29 de Abril del 2014
Código que muestra los tipos de campos que se pueden solicitar en HTML5.
También contiene una función en JavaScript para poder mostrar el tipo de campo, su nombre y su valor.
sin imagen de perfil
Val: 42
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Calculadora HTML y CSS


HTML

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 26 de Septiembre del 2017 por Mihalo
41.261 visualizaciones desde el 26 de Septiembre del 2017
Hacer Calculadora HTML y CSS
Ver la calculadora funcionando http://internetedadinero.com/calculadora-html/calculadora.html.
Mas info y descargar archivos: http://internetedadinero.com/hacer-una-calculadora-en-html/
hacer-calculadora-html
sin imagen de perfil

Generar marquesina


HTML

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 20 de Junio del 2003 por Corpol
51.639 visualizaciones desde el 20 de Junio del 2003
Página que sirve para generar el codigo correspondiente a una marquesina (texto desplazándose) ya sea para poner dentro de la página, la barra de estado o la barra del titulo.
Imágen de perfil
Val: 19
Ha aumentado su posición en 23 puestos en HTML (en relación al último mes)
Gráfica de HTML

Firma de mail


HTML

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 23 de Septiembre del 2019 por Anthony
1.114 visualizaciones desde el 23 de Septiembre del 2019
Sin-titulo