Los códigos más visitados de HTML

Listado de los códigos más visitados durante los últimos 30 días
sin imagen de perfil
Val: 50
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Calculadora HTML y CSS


1.156 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Septiembre del 2017 por Mihalo (2 códigos)
50.591 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
Imágen de perfil
Val: 16
Ha disminuido su posición en 5 puestos en HTML (en relación al último mes)
Gráfica de HTML

Login en HTML


619 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 18 de Noviembre del 2018 por Mario
13.949 visualizaciones desde el 18 de Noviembre del 2018
Login hecho en html con css

Screenshot-1
sin imagen de perfil

Tipo de bordes


532 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 16 de Enero del 2003 por Fore (4 códigos)
63.383 visualizaciones desde el 16 de Enero del 2003
Style que permite cambiar el tipo de borde en una tabla.
Imágen de perfil
Val: 162
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Como utilizar un mapa de google maps para posicionar una marca y un popup


425 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 9 de Septiembre del 2016 por Xavi (530 códigos) (Publicado el 5 de Febrero del 2014)
21.983 visualizaciones desde el 5 de Febrero del 2014
Código que muestra como implementar la API de Google maps para mostrar un mapa en nuestra web, colocar una marca y poner un popup encima de nuestra marca.
Imágen de perfil
Val: 17
Ha aumentado su posición en 2 puestos en HTML (en relación al último mes)
Gráfica de HTML

sitio web completo


405 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 26 de Noviembre del 2016 por Carlos (5 códigos)
4.983 visualizaciones desde el 26 de Noviembre del 2016
flahs
galeria
index
Imágen de perfil
Val: 162
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


343 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 22 de Julio del 2013 por Xavi (530 códigos)
29.980 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

Juego de la serpiente con Canvas, HTML5 y Jquery


321 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 4 de Agosto del 2014 por Administrador (672 códigos)
16.366 visualizaciones desde el 4 de Agosto del 2014
Este código muestra como utilizando canvas, se puede realizar el juego de la serpiente, donde hay que ir moviendo la serpiente con las teclas para ir comiéndose las fichas. Por cada ficha que se come, la serpiente es un poco mas larga.
Imágen de perfil
Val: 47
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Mapa por geolocalización


247 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(20)
Publicado el 11 de Abril del 2015 por Miguel Angel
17.712 visualizaciones desde el 11 de Abril del 2015
Dibujo


El siguiente código permite obtener las coordenadas de la ubicación de un sitio para poder ser mostrado y personalizado mediante geolocalización
Lo primero que hay que hacer es introducir la dirección del sitio que queremos mostrar en nuestro mapa ,nos devolverá las coordenadas ,cambiamos las que mostramos al igual que los datos mostrados en el tooltip , podemos aumentar o disminuir el zoom de visualización del mapa
Imágen de perfil

Redireccionar o actualizar una pagina


236 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(15)
Publicado el 5 de Febrero del 2002 por Administrador (672 códigos)
56.923 visualizaciones desde el 5 de Febrero del 2002
Este código, redirecciona o actualiza una pagina automáticamente
Imágen de perfil
Val: 10
Ha aumentado su posición en 121 puestos en HTML (en relación al último mes)
Gráfica de HTML

HTML DESDE CERO COMO SI ESTUVIERA EN EL COLEGIO


234 visualizaciones el último mes

HTML

Publicado el 23 de Julio del 2020 por Oswaldo Alberto (5 códigos)
234 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
oase1973@yahoo.es

Foto-HV-Oswaldo-Serrano
Html
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
Actualizado

Menu Animado Responsive HTML5 & CSS3


176 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 3 de Agosto del 2020 por Terry (3 códigos) (Publicado el 25 de Noviembre del 2014)
10.956 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.
Imágen de perfil

Efecto De Sombra Atras!


165 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 16 de Enero del 2015 por Luis-miguel- (12 códigos)
7.519 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: 206
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


138 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 4 de Diciembre del 2016 por Scriptshow (138 códigos)
7.794 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


129 visualizaciones el último mes

HTML

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

Texto En 3D!


121 visualizaciones el último mes

HTML

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

foto_2242
Imágen de perfil
Val: 80
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Key Code


103 visualizaciones el último mes

HTML

Publicado el 24 de Enero del 2015 por Txema (7 códigos)
7.063 visualizaciones desde el 24 de Enero del 2015
Página sencilla HTML en la que podemos ver los códigos de cada elemento de nuestro teclado.

Útil para cuando, en programación, queremos bloquear o comprobar la tecla que pulsa el usuario.

Funciona tanto en local como en web

Los Key Code que se describen en el código no son todos los que puede solucionar.
v.gr,: los números en el teclado ordinario y en el numérico, punto (como decimal y ortográfica, guión y signo menos ...).
Imágen de perfil
Val: 100
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Carta de amor ANIMADA


100 visualizaciones el último mes

HTML

Publicado el 7 de Abril del 2020 por John Alexander (10 códigos)
631 visualizaciones desde el 7 de Abril del 2020
En este código podrás ver cómo hacer una carta de amor ANIMADA solo con HTML y CSS.


Captura-de-pantalla-194
Imágen de perfil
Val: 100
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Login responsive


100 visualizaciones el último mes

HTML

Publicado el 7 de Abril del 2020 por John Alexander (10 códigos)
830 visualizaciones desde el 7 de Abril del 2020
En este código podrás ver cómo hacer el FRONTEND de un login con HTML y CSS.


Captura-de-pantalla-198
Imágen de perfil
Val: 100
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Nav 100% responsive


96 visualizaciones el último mes

HTML

Publicado el 6 de Abril del 2020 por John Alexander (10 códigos)
1.058 visualizaciones desde el 6 de Abril del 2020
Menú totalmente responsive el cual tienes la posibilidad de usar en muchos de tus proyectos

Lenguajes usados:
HTML
CSS
JAVASCRIPT

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

Web 2.0 Light / Dark Style


88 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Mayo del 2020 por Scriptshow (138 códigos)
1.122 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: 19
Ha aumentado su posición en 23 puestos en HTML (en relación al último mes)
Gráfica de HTML
Actualizado

Una Forma de Contact/Contact Form en HTML5&CSS3 Responsive


82 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 3 de Agosto del 2020 por Terry (3 códigos) (Publicado el 7 de Diciembre del 2014)
6.974 visualizaciones desde el 7 de Diciembre del 2014
Hola Amigos esta vez les traigo una forma de contacto/contact form en html5 y css3 responsive, si me sobra un poco de tiempo en unos días subiré la versión en php 5.4
Imágen de perfil
Val: 162
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


81 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Octubre del 2015 por Xavi (530 códigos) (Publicado el 16 de Junio del 2014)
14.752 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

Insertar Reproductor Windows Media en una web


80 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(27)
Publicado el 4 de Marzo del 2007 por Giovanny Tarifeño Peña (3 códigos)
189.317 visualizaciones desde el 4 de Marzo del 2007
Código que muestra como reproducir un fichero MP3 en una web con el reproductor Windows Media.
Unicamente funciona en Internet Explorer.
Imágen de perfil
Val: 100
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Botones interactivos


67 visualizaciones el último mes

HTML

Publicado el 8 de Abril del 2020 por John Alexander (10 códigos)
525 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

Botón En 3D!


59 visualizaciones el último mes

HTML

Publicado el 23 de Diciembre del 2014 por Luis-miguel- (12 códigos)
5.571 visualizaciones desde el 23 de Diciembre del 2014
boton_3D
Imágen de perfil
Val: 206
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Plantilla HTML para Web 2.0


58 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(13)
Actualizado el 22 de Febrero del 2020 por Scriptshow (138 códigos) (Publicado el 19 de Agosto del 2017)
6.578 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
sin imagen de perfil

Pagina de Inicio


57 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(17)
Publicado el 25 de Febrero del 2004 por Mario (3 códigos)
55.607 visualizaciones desde el 25 de Febrero del 2004
Código para establecer la pagina de inicio del navegador.
Imágen de perfil
Val: 29
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

audio y vídeo en HTML


57 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 13 de Abril del 2020 por Ana Zelideth (29 códigos)
631 visualizaciones desde el 13 de Abril del 2020
Ejemplo de HTML pero ahora con complementos de audio y vídeo en nuestras páginas WEB


El complemento de audio soporta 3 tipos de archivos: ogg,mpeg,wav tiene como atributos:
Controls: que nos permite mostrar los controles de play, pausa, adelantar, atrasar
Src: es para indicar cual es el archivo origen que se reproducirá
Mute: que es para silenciar el audio
Loop: para ejecutar el audio de manera continua

El complemento de Vídeo, nos permite ingresar un espacio en la pagina para reproducir un vídeo, los formatos que soporta son mp4,ogg
Imágen de perfil
Val: 162
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


56 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 29 de Abril del 2014 por Xavi (530 códigos)
7.113 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.
Imágen de perfil
Val: 162
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Contenido Editable en HTML5


51 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Julio del 2013 por Xavi (530 códigos)
8.351 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.