¿Qué es HTML? Wikipedia lo describe como ‘Lenguaje de Marcado de Hipertexto’. Lo que nos interesa saber a nosotros es que HTML es el lenguaje de programación más utilizado y el más simple que hay.
HTML utiliza etiquetas de acción (también llamados elementos) para dar instrucciones. El símbolo ‘<’ denota el principio de la etiqueta de acción y el símbolo ‘>’ denota el final de la etiqueta de acción. Todo el código html va escrito dentro de estos símbolos. Éstas etiquetas de acción son lo que diferencian el código del texto en un documento html. Estas etiquetas pueden estar llenas o vacías. Las etiquetas llenas se hacen escribiendo la instrucción correspondiente seguida del texto al que se quiere aplicar la instrucción y se termina repitiendo la instrucción pero con una / antes de la misma. Por ejemplo si se empieza un documento con el elemento <html> para mostrar que va a ser un documento html, se pondría al final del documento </html> para mostrar que es el final del documento. Para los elementos vacíos, no es necesario poner la instrucción con la barra al final porque estos elementos no producen un efecto sobre el texto. Son elementos que normalmente se utilizan para separar bloques de texto.
Para escribir tu página en html, vete a Notepad en windows, un programa que viene instalado ya en los ordenadores, o si quieres un programa más completo, puedes bajarte Notepad++ gratis del internet haciendo una búsqueda en google de ‘Notepad++ descarga gratis’. Si tienes un ordenador apple, te puedes bajar ‘Textwrangler’.
Para abrir un documento en Windows, haz clic con el botón derecho del ratón, y escoge ‘Nuevo’ y del menú escoge ‘documento’. Verás un pequeño ícono en la pantalla, el siguiente paso es cambiarle la terminación al documento para que termine en html. Haz doble clic en el recuadro del nombre y cambialo de .txt a .html, por ejemplo: index.html. El ordenador te va a preguntar si estás seguro, haz clic en Si, y ya está, ya tienes tu primera página html. (La vamos a llamar index por que asi se llaman las paginas de inicio de los sitios web.)
(Para llevar este paso a cabo es necesario que las extensiones o terminaciones de tus documentos sean visibles en tu ordenador. Para Windows XP tienes que ir a Herramientas (Tools) > Opciones de Carpeta (Folder Options) > Ver (View) y asegurarse que la opción de esconder extensiones no está marcada.)
Abre la página que acabamos de crear en Notepad haciendo clic con el botón derecho del ratón y escogiendo abrir con notepad.
Lo primero que hay que hacer es poner la etiqueta <HTML> para mostrar que es un documento html, y seguidamente cerrar la etiqueta escribiendo </HTML> para no olvidarnos más tarde. Las siguientes instrucciones las escribiremos entre estos dos elementos. Lo siguiente que vamos a escribir es <HEAD>, </HEAD> este elemento no es necesario, pero sirve para escribir información sobre tu página (como una descripción o palabras clave) para utilización de los buscadores y <TITLE>, </TITLE> para el titulo que será utilizado por los buscadores, seguido por <BODY>, </BODY> donde escribiremos el texto, después del elemento del texto podemos incluir otros elementos que describen como queremos que se vea el texto, por ejemplo, si ponemos la etiqueta <DIV ALIGN=CENTER> </DIV>, esto posicionaría el texto en el centro de la página. Para incluir una frase titula, utilizaríamos el elemento <H1>, </H1>. Para denotar un párrafo pondríamos <P>, esta etiqueta es vaciá, no hace falta cerrarla. En los elementos de párrafo, también puedes añadir descripciones como: <P ALIGN=CENTER> que centraría este párrafo. Otro elemento que vamos a añadir va a ser el elemento <B> </B> que pondría el texto en negrita, o <I></I> que lo pondría en cursiva.
<HTML>
<HEAD>
<TITLE> Nuestra Primera Página en HTML </TITLE>
</HEAD>
<BODY>
<DIV ALIGN=CENTER>
<H1>Aprende fácilmente a escribir utilizando html</H1>
<P>
Párrafo 1: Aquí escribirías tu texto. xxx xxxx xxxx xxxx xxx xxxxx xxxxx xxxxx xxxx xx xxxx xxxx xxx xxx xxx xxxxx xxxxx xxxx xxxxx xxxxxx xxxxx xxxxxx xxxx xxxxx xx xxxx x xxxxxxxxx xxxxxxx xxxxxxxx xxxxxxxxx x
<P>
Párrafo 2: Y más texto xxxxx xxxxxxxx xxxxxxx xxxxxxxx x xxxxxxxxxx xxxxxxx xxx x xxxxxxxx xxxxxxxxx xxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxxx xxxxxx xxxx x xx xxxxxxx xxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx
<P ALIGN=CENTER>
<B><I> Empieza ya a utilizar html.</B></I>
</DIV.>
</BODY>
</HTML>
Esta página se vería de la siguiente manera:
Aprende fácilmente a escribir utilizando html
Párrafo1: Aquí escribirías tu texto xxxx xxxx xxxx xxxx xxx xxxxx xxxxx xxxxx xxxx xx xxxx xxxx xxx xxx xxx xxxxx xxxxx xxxx xxxxx xxxxxx xxxxx xxxxxx xxxx xxxxx xx xxxx x xxxxxxxxx xxxxxxx xxxxxxxx xxxxxxxxx x
Párrafo2: Y más texto xxxxx xxxxxxxx xxxxxxx xxxxxxxx x xxxxxxxxxx xxxxxxx xxx x xxxxxxxx xxxxxxxxx xxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxxx xxxxxx xxxx x xx xxxxxxx xxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx
Empieza ya a utilizar html.
Guarda la pagina index.html en el escritorio de tu ordenador pues la vamos a utilizar para mostrar como subir archivos a tu sitio web en una proxima leccion. En nuestro siguiente blog, os daré una lista más completa de las etiquetas o elementos html. Prueba a hacer tu primera página en html, verás que no es tan complicado y puede llegar a ser, incluso, divertido. Y sobretodo, no te olvides de cerrar los elementos, que es lo más importante.
<
