Neo Basic - HTML

HTML

Pagina principal Diseño de asociasiones Guia HTML

Recuerda, que las etiquetas deberan estar entre <> luego, el contenido, y deben
terminar con </> siempre recuerda la /, los ...... representan el contenido

-----------------Pocisiones Basicas------------------------------

<center>......</center> Todo lo que este dentro de estas etiquetas, estara
centrado dentro de la pagina por ejemplo, <center>"Hola Mundo"</center>

"Hola Mundo"

Noten, que el texto esta centrado en la pagina

<br> esta etiqueta se utiliza para bajar el texto un renglon por ejemplo

palabra1<br>palabra2<br><br>palabra3

al colocar esto, se visualizaria asi:

palabra1
palabra2

palabra3

--------------------Texto Basico---------------------------

<i>.....</i> etiqueta de fuente, que sirve para cambiar la fuente, a Italica
<b>.....</b>etiqueta de fuente, que sirve para cambiar la fuente, a Negrita
<u>.....</u>etiqueta de fuente, que sirve para subrayar el texto

-----------------------Caja de texto------------------------
<textarea>.....</textarea> util, para crear una caja de texto por ejemplo:
<textarea>Hola Mundo</textarea> se visualizaria asi:

-----------------------Imagen------------------------

Para colocar una imagen se utiliza la etiqueta <img src="">, a diferencia de las demas, esta no necesita un / para terminar

<img src="Imagen" border="Borde">

Imagen: aqui va el enlace de la imagen que quieres aplicar

Borde: El borde que rodeara a la imagen, por defecto, es 0, pero le puedes
colocar uno si deseas.. aqui unos ejemplos de imagen:

Sin borde:

<img src="neopets.gif" border="0">

Con Borde:

<img src="neopets.gif" border="5">

Los bordes, normalmente, van desde 1 hasta 10

-----------------------Enlaces------------------------

Podemos colocar, dos tipos de enlaces aqui, enlace de texto, o con imagen:

De texto:

<a href="URL"> Texto</A>

URL: Direccion, a la que quieres que lleve el link

Texto: Lo que quieres que diga el link.. ejemplo:

<a href="www.neopets.com"> Click aqui para ir a neopets</A>
se visualizaria asi:

Click aqui para ir a neopets

Con imagen:

<a href=URL><img src="Imagen" border="Borde"></a>

URL: No hace falta explicar

Imagen: La imagen que usaras como boton para el enlace.

Borde: El borde de la imagen

ejemplo:

<a href=www.neopets.com><img src="neopets.gif" border="2"></a>

se visualizaria asi:

-----------------------Rotacion------------------------

Para colocar el efecto de rotacion a un texto, basta con usar la siguiente etiqueta:

<MARQUEE DIRECTION="Direccion" SCROLLDELAY="1" SCROLLAMOUNT="Velocidad">
Texto a introducir
</marquee>

Direccion: Es la direccion en la que rotara el texto.. recuerden, que los codigos, estan en ingles, por lo que no deben colocar palabras como.. arriba, lo correcto seria, up

Por ejemplo:

<MARQUEE DIRECTION="up" SCROLLDELAY="1" SCROLLAMOUNT="1">
Hola neopets..
y e llegado yo con nuevas
noticias,,,
</marquee>

Se visualizaria asi:

Hola neopets..
y e llegado yo con nuevas
noticias,,,

-----------------------Fondo de pagina------------------------
Para colocar fondos de pagina, utilizamos el siguiente codigo:

<BODY BACKGROUND="fondo.gif">

Fondo.gif: aqui colocaremos el enlace de la imagen que deseamos tener de fondo...
-------
Para colocar un fondo, de un color solido.. utilizaremos la siguiente etiqueta:

<BODY BGCOLOR="red">

los colores los debemos colocar en ingles, y no en español, por ejemplo:
blue, yellow, green, etc..
Tambien podemos cambiar el valor "red", a valores hexadecimales, para colocar un color mas deseado, como por ejemplo..

<BODY BGCOLOR="#ff0000">

que es el mismo color red (rojo) pero en Hexadecimal.. si quieres encontrar un color para un fondo HTML, puedes utilizar la herramienta instant eyedropper, que es gratis.. lo puedes descargar desde "aqui"