Ahora si, vamos a empezar a construir nuestra pagina.
Primero que nada tenemos que aclarar que se trata de un documento HTML, asi que tenemos que poner los siguientes tags:
<html> Aqui va a ir todo </html>
Toda pagina consta de una cabeza <HEAD> y un cuerpo <BODY>, en la cabeza va todo lo referente a la pagina (como el titulo, entre otras cosas); y en el cuerpo va todo la que se va a desplegar en el browser (informacion, imagenes, tablas, etc).
Entonces por lo pronto nos va quedando asi (todavia sin desplegar nada).
<HTML>
<HEAD>
<HEAD>
<BODY>
</BODY>
</HTML>
Lo que vemos aqui es que declaramos el texto como documento HTML, luego abrimos lo que va a ir en la cabeza, luego se cierra, lo mismo que en el cuerpo.y por ultimo cerramos el documento HTML.
Bueno, ya te estas dando una idea de como funciona esto, lo que sigue es una sintaxis HTML, primero la pongo y luego te le explico.
<HTML>
<HEAD>
<TITLE>Mi pagina de Dragon Ball Z</TITLE>
</HEAD>
<BODY>
<FONT COLOR="#ff0000">Una foto de GOKU</FONT><br>
<IMG SRC="goku12.gif">
</BODY>
</HTML>
Haz Click en el siguiente boton para que veas como queda si ponemos la sintaxis de arriba.
Si te figas en la barra de titulo del browser (Claro, de la que habres con el boton) aparece lo que esta entre los tags <TITLE> </TITLE>, que en este caso es "Mi pagina de Dragon Ball Z", entonces para poner el titulo de tu pagina haslo entre estos tags que van dentro de la cabeza (HEAD).
Para poner letras de colores, como se ve con el texto "Una foto de goku" se utiliza el tag
<FONT COLOR=""Codigo del color entre comillas""> Aqui va lo que va a ir de color </FONT>
Los codigos de los colores estan en un tipo de formato que maneja el sistema Hexadecimal, pero no nos vamos a preocupar por eso, por lo pronto te doy el codigo de los colores mas comunes:
|
|
#ff0000
|
|
|
#ffff00
|
|
|
#00ff00
|
|
|
#0080ff
|
|
|
#ff8000
|
|
|
#0000ff
|
|
|
#400080
|
|
|
#ff00ff
|
|
|
#ffffff
|
NEGRO
|
#000000
|
El tag <IMG SRC="goku12.gif"> manda llamar a la imagen goku12.jpg y la va a desplegar en la pagina, tal y como sucedio en la ventana que abriste.
Esto que vimos anteriormente es solo un peque�o adelanto solo para que te des una idea de como se trabajar en esto de las paginas, pero de aqui en adelante mengaremos las cosas por separado e iremos poniendo ejemplos de cada cosa agregando cada vez la que ya se haya visto.
Por lo pronto aprendete estos 2 tags que los manegaremos muy frecuente mente:
<BR> Este tag sirve para saltearnos a la siguiente linea del documento, (Es como dar un enter en el documeto HTML).
<P> Este tag sirve para dejar un reglon en blanco y saltearnos a el otro, (Este es como dar 2 enters)
Estos TAGs no necesitan un </BR> ni un </P> ya que no puedes indicar donde vas a cerrar el espacio que dejaste. OK!
