Los códigos más visitados de HTML

Listado de los códigos más visitados durante los últimos 30 días
Imágen de perfil
Val: 16
Ha disminuido su posición en 3 puestos en HTML (en relación al último mes)
Gráfica de HTML

Login en HTML


444 visualizaciones el último mes

HTML

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

Screenshot-1
sin imagen de perfil

Tipo de bordes


273 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 16 de Enero del 2003 por Fore (4 códigos)
69.847 visualizaciones desde el 16 de Enero del 2003
Style que permite cambiar el tipo de borde en una tabla.
Imágen de perfil

Mapa por geolocalización


226 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(22)
Publicado el 11 de Abril del 2015 por Miguel Angel
20.540 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
Val: 27
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Ejemplo página WEB para principiantes


193 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 2 de Julio del 2019 por Ana Zelideth (29 códigos) (Publicado el 13 de Junio del 2019)
3.501 visualizaciones desde el 13 de Junio del 2019
Este código sirve para crear una página WEB para mostrar una pantalla con una tabla de 3 columnas y 3 filas, colocando imágenes.
Imágen de perfil

Juego de la serpiente con Canvas, HTML5 y Jquery


167 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 4 de Agosto del 2014 por Administrador (718 códigos)
19.650 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: 10
Ha aumentado su posición en 135 puestos en HTML (en relación al último mes)
Gráfica de HTML

Obtener valor(id) de una tabla html


147 visualizaciones el último mes

HTML

Publicado el 9 de Junio del 2021 por Sergio (7 códigos)
402 visualizaciones desde el 9 de Junio del 2021
Obtener valor de una fila en una tabla html

Codigo en html, jquery, bootstrap para obtener el id de cada fila de una tabla html, MUY UTIL para cualquier tipo de accion.

https://gitlab.com/savila/get_id_table_row
hjb
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


120 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)
13.180 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!


114 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 16 de Enero del 2015 por Luis-miguel- (12 códigos)
9.516 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: 88
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Efecto PARALLAX


106 visualizaciones el último mes

HTML

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

Texto En 3D!


104 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 23 de Diciembre del 2014 por Luis-miguel- (12 códigos)
10.883 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: 88
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Botones interactivos


89 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Abril del 2020 por John Alexander (10 códigos)
1.303 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: 88
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Nav 100% responsive


88 visualizaciones el último mes

HTML

Publicado el 6 de Abril del 2020 por John Alexander (10 códigos)
1.770 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: 17
Ha aumentado su posición en 2 puestos en HTML (en relación al último mes)
Gráfica de HTML

Firma de mail


81 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 23 de Septiembre del 2019 por Anthony
1.839 visualizaciones desde el 23 de Septiembre del 2019
Sin-titulo
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


75 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Septiembre del 2020 por Lopez
982 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: 74
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Key Code


72 visualizaciones el último mes

HTML

Publicado el 24 de Enero del 2015 por Txema (7 códigos)
8.576 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: 13
Ha disminuido su posición en 18 puestos en HTML (en relación al último mes)
Gráfica de HTML

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


70 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)
8.339 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
sin imagen de perfil

Reproductor de musica


69 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 20 de Enero del 2003 por Andres Bravo
48.736 visualizaciones desde el 20 de Enero del 2003
Reproductor de musica que permite escuchar archivos mp3, mid, wav, rmi, ....
Funciona en IE 5.5 o posteriores.
Imágen de perfil
Val: 27
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

audio y vídeo en HTML


65 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 13 de Abril del 2020 por Ana Zelideth (29 códigos)
1.052 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: 88
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Esfera del dragón


61 visualizaciones el último mes

HTML

Publicado el 8 de Abril del 2020 por John Alexander (10 códigos)
906 visualizaciones desde el 8 de Abril del 2020
En este código podrás ver cómo hacer una esfera del dragón de la serie "Dragon ball"
solo con HTML y CSS.


Captura-de-pantalla-202
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


54 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)
7.377 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
Val: 88
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Login responsive


54 visualizaciones el último mes

HTML

Publicado el 7 de Abril del 2020 por John Alexander (10 códigos)
1.994 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
sin imagen de perfil

Cambiar el cursor


52 visualizaciones el último mes

HTML

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