Codigos HTML
Codigos HTML.[?]
¿Qué es HTML?
HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).
Wikipedia.org
Menús.Menu horizontal Mac OsX
Advertencia referente al campo de contenido:
Para fijar la posición del menu modifica los valores en rojo:
<div style="position:absolute;left:600px;top:170px;">
Menu desplegable con links
Textos y Links.
Codigos de marquesinas
De derecha a izquierda:
De derecha a izquierda con fondo de color:
Rebota de derecha a izquierda:
Texto que sube:
Texto que baja:
Rebota de arriba a abajo:
De derecha a izquierda con marco de color:
De derecha a izquierda zigzagueando:
Rebota en todo el borde:
De derecha a izquierda con fondo en color:
Como cambiar la fuente de la letra
Para poder visualizar la fuente esta debe estar instalada en el ordenador del visitante.
Verificador de links rotos
Imágenes.
Imagenes en todas las esquinas
Arriba derecha:
Arriba izquierda:
Abajo derecha:
Abajo izquierda:
Imagen semi transparente se vuelve normal
Escribir arriba de una imagen
PWG.
- Cuentas de usuarios.
Login de usuarios en cualquier sitio
Añadir Formulario Iniciar Sesión
<CENTER><FORM action="URL (parte final) de nuestra página del extra ejemplo: AccessKeys.htm" method="POST"><TABLE><TR><TD>Nombre de usuario:</TD><TD><input type="text" name="logindata[name]" value=""></TD></TR> <TR><TD>Contraseña:</TD><TD><input type="PASSWORD" name="logindata[kennwort]" value=""></TD></TR> </TABLE> <input type="hidden" name="mode" value="1"> <input type="hidden" name="checklogin" value="1"> <input type="hidden" name="logindata[checklogin]" value="1"> <input type="submit" value="Lo que dira el boton ejemplo: ACCEDER"> </CENTER></form> |
Añadir botón para desconectarse
<CENTER>Frase Ejemplo: Ya estás conectado.<br> <br> <FORM action="URL (parte final) de nuestra página del extra ejemplo: AccessKeys.htm" method="POST"> <input type="hidden" name="mode" value="2"> <input type="hidden" name="logindata[checklogin]" value="1"> <input type="submit" value="Lo que pondrá en el botón ejemplo: Cerrar sesión"> </CENTER></form> |
- Diseños.
Modificar la plantilla Flash
Gadgets.
- Mensajería instantanea.
Chat ICQ
Messenger en tu web
- Reproductores.
Reproductor MP3
Donde dice tucancion.mp3 debes colocar la url de la canción mp3. Para obtener la url de una canción sigue este Tutorial
- Traductores.
Traductor para tu web con banderas
Tu pagina web en otros idiomas
- Buscadores.
Buscador de Google
Buscador de imagenes
- Uploads.
Colección de uploads externos
Imageshack.us (solo imagenes)
ImagUp.com (solo imagenes)
InWorG.com (solo imagenes)
Typenot.com (solo videos)
EasyShare.com (de todo)
Uploadmb.com (de todo)
Varios.
- Formularios.
Formulario de contacto simple
<FORM NAME="Enviar" Enctype="text/plain" action="mailto:email@email.com?Subject=Cualquier comentario" method="post">
Cuentanos tus comentarios<br><br>
<b>
Nombre: <input type="text" name="Nombre"><br>
Apellido: <input type="text" name="Apellido"><br>
<input type="submit" value="enviar"></b>
</FORM>
Tu propio formulario simple
<form action="mailto:Tu@Email.com" method="post"> <table align="center"> <tbody> <tr> <td align="right">Nombre1:</td> <td><input size="36" name="nombre" type="text" /></td> </tr> <tr> <td align="right">Nombre2:</td> <td><input size="36" name="nombre" type="text" /></td> </tr> <tr> <td align="right">Nombre3:</td> <td><input size="36" name="direccion" type="text" /></td> </tr> <tr> <td align="right">Nombre4:</td> <td><input size="36" name="procedencia" type="text" /></td> </tr> <tr> <td align="right">Mensaje:</td> <td><textarea rows="5" cols="30" name="comentarios"></textarea></td> </tr> </tbody> </table> <p align="center"><input type="submit" value="Enviar" /><input type="reset" value="Borrar todo" /></p> </form> |
- Botones.
Botón
<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Aqui el texto de button" Style="BACKGROUND-COLOR: #FFFFFF" onClick=window.open('http://Aqui la URL')"></FORM>
Botón sencillo
- Otros.
Google Maps
Iframe transparente
Cambien la etiqueta: |
<body> |
Por esta: |
<body style="background-color: transparent;"> |
Codigo del iframe: |
<iframe src="pagina.htm" AllowTransparency> </iframe> |
Iframe normal:
Iframe transparente: