Tutorial HTML

HTML

Introducción

Javascript

Sigueme en:

ArielAlexCo

ArielAlexCo.net

Galeria

MéXICO | Un Pais un Futuro

Sello Postal

Bibliote de la UAM-X

Unidad a partir de la...

Edificio de Biología

HTML
Introducción Código Básico Texto Imagenes	Links Frames Tables Javascript

Código Básico

El código básico para una página de Internet hecha con HTML, es el siguiente (cópialo íntegramente en el block de notas):

<HTML>
<HEAD>
<TITLE> "título de la página" </TITLE>
</HEAD>
<BODY BGCOLOR="black" BACKGROUND="imagen" TEXT="white">

"Aqui coloca todo lo que quieras en tu página."

</BODY>
</HTML>

Ahora, que ya tenemos el Código Básico procedemos a guardarlo. Con la terminación ".html", por el momento puedes nombrar el archivo como quieras pero recuerda que la mayoría de los servidores tienen determinado el archivo "index.html" como la página principal de cualquier site.

Para hacer esto en el menú del Block de notas seleciona "Archivo", luego "Guardar como..." selecionas la carpeta donde lo quieres guardar, le pones nombre y al final del nombre pones .html por ejemplo "prueba.html"

¡¡Ya tienes tu primera página en html!!
-Dale doble click al archivo que acaba de crear-

Ahora una explicación de lo que acabas de copiar.

< . . . >	Todo lo que esta dentro de los picoparentesis (o signos "mayor que" - "menor que")Son los comandos del html, y serán llamados tags en este tutorial.
<HTML>	Indica que lo que estás escribiendo es un documento html.
<HEAD>	La cabeza de la información, donde van título, metas y demás.
<TITLE>	"título de la página" El titulo de la página.
</TITLE>	Que ahí acaba el título.
</HEAD>	El tag de que la cabeza se cerro.
<BODY...	Este indica que vas a modificar el cuerpo de la página.
...BGCOLOR...	Color de fondo de tu página.
...BACKGROUND...	La imagen de fondo que vas a usar.
... TEXT...>	El color del texto.
</BODY>	La etiqueta que indica que se cerró el cuerpo de la página.
</HTML>	Etiqueta que indica que se acabó el documento html.

Como te podrás dar cuenta a cada “comando” como por ejemplo <tag> tiene el que lo cierra </tag> que es el mismo pero con una “ / ” antes del nombre.

Ok, ahora que ya vimos como hacer el código básico, vamos a complicarlo un poco más y vamos a editar algunas cosas de nuestra página.

Texto >