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


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;">




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:

Para poder visualizar la fuente esta debe estar instalada en el ordenador del visitante.



Arriba derecha:
Arriba izquierda:
Abajo derecha:
Abajo izquierda:




- Cuentas de usuarios.

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.


- Mensajería instantanea.


- Reproductores.

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.


- Buscadores.


- Uploads.

Imageshack.us (solo imagenes)
ImagUp.com (solo imagenes)
InWorG.com (solo imagenes)
Typenot.com (solo videos)
EasyShare.com (de todo)
Uploadmb.com (de todo)

- Formularios.

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

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

<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Aqui el texto de button" Style="BACKGROUND-COLOR: #FFFFFF" onClick=window.open('http://Aqui la URL')"></FORM>

- Otros.


Cambien la etiqueta: |
<body> |
Por esta: |
<body style="background-color: transparent;"> |
Codigo del iframe: |
<iframe src="pagina.htm" AllowTransparency> </iframe> |
Iframe normal:

Iframe transparente:
