Los códigos más visitados de HTML

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/

Login hecho en html con css

Style que permite cambiar el tipo de borde en una tabla.

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.

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.

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.

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

Este código, redirecciona o actualiza una pagina automáticamente

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

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.

Podremos crear fantasticos efectos de sombra, con muy pocas lineas de código.

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

Código que cambia el cursor dentro de la pagina o enlace. Probado con IE 6.

Crearemos cualquier texto en 3d para nuestra Página Web!

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 ...).

En este código podrás ver cómo hacer una carta de amor ANIMADA solo con HTML y CSS.

En este código podrás ver cómo hacer el FRONTEND de un login con HTML y CSS.

Menú totalmente responsive el cual tienes la posibilidad de usar en muchos de tus proyectos

Lenguajes usados:
HTML
CSS
JAVASCRIPT

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.

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

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í

Código que muestra como reproducir un fichero MP3 en una web con el reproductor Windows Media.
Unicamente funciona en Internet Explorer.

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)

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

Código para establecer la pagina de inicio del navegador.

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:

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

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.

Código que muestra como utilizar la propiedad contenteditable para permitir editar un párrafo de nuestra web.