CAPITULO 1 Nuestro primer documento html
Para crear nuestro primer documento html, lo que haremos será abrir un editor de textos que soporte texto plano, es decir que pueda salvar el archivo sin caracteres de formato, por ejemplo el bloc de notas.

Habiamos dicho que un fichero html es simplemente el texto y unas etiquetas que indican la manera de mostrarlo, esto es así tambien en los procesadores de texto. Un documento que mostrase esto :"Hola Que tal"  lo que contiene internamente es "Hola -Poner negrita- Que -Quitar negrita- tal". De esta manera, cuando el procesador va a mostrar el texto en pantalla (o impresora) sabe que debe de poner "Que" en lugar de "Que". Esto mismo hay que hacerlo en Html, hay que usar las etiquetas apropiadas para decir al navegador como debe de mostrar la información.

Abriremos el procesador de texto y crearemos un archivo llamado "primer.htm". Guardaremos en el archivo el texto "esta es mi primera página web", y haremos doble click en el fichero. Automaticamente se abrirá el navegador, y veremos el texto escrito en la ventana.

Sencillo ¿Verdad?. Pues aunque parezca fea, sosa, y sin contenido, eso es una página web. Tú primera página Web.

Ahora, volveremos a editar el fichero, y esta vez modificaremos el codigo para que sea el siguiente:

esta es mi <B> primera </B> página web

con lo que obtendremos lo siguiente  :

esta es mi primera página web

Lo que hemos hecho no es más que indicarle donde empezaba, y donde terminaba la negrita, y lo hemos hecho con una etiqueta. En html toda etiqueta empieza con <  y termina con >.
Casi siempre las etiquetas pueden ser de apertura, o de cierre. En el ejemplo anterior <B> era la etiqueta de apertura, es decir la que indica al navegador cuando debe de empezar a poner negrita, y </B> era la de cierre, la que le dice al navegador cuando debe de dejar de usar negrita.

Lo mismo ocurre con otros elementos de formato como son : <I>Cursiva</I> <U>Subrayado</U>.

Si ya has escrito más de una linea en la página habrás visto que no hace cambio de linea, que aunque tu lo escribas en 4 lineas siempre lo pone en una. Para indicarle un cambio de linea al navegador utilizaremos <BR> y para indicar un cambio de parrafo usaremos <P> .

Aunque lo que hemos hecho hasta ahora se ha visto en un navegador, hay que tener en cuenta que no es una página web extrictamente, ya que carece de algunos de los elementos propios de ellas, como por ejemplo el titulo. En lo que hemos hecho hasta ahora no tenia titulo, si intentabamos guardar en favoritos (o marcadores) la página, no aparecia ningun nombre para definirla. Y los colores eran los definidos por defecto en el navegador tanto para texto como para fondos.

Un documento html se compone de dos areas bien diferenciadas, la cabecera y el cuerpo. De tal manera que el documento anterior seria algo así:

<HTML> Indica que el inicio de un documento html
<HEAD> Comienzo de la cabecera
<TITLE>MI PRIMERA PAGINA</TITLE> Titulo. Debe de estár dentro del area de cabecera
</HEAD> Fin del area de la cabecera
<BODY> Comienzo del cuerpo
esta es mi <B> primera </B> página web Información que aparecerá en el area de página del navegador.
</BODY> Fin del cuerpo
</HTML> Fin del documento html

aparentemente el resultado es el mismo que al principio, pero si miramos en la barra de titulo de la ventana del navegador, veremos el titulo de la página.

Si queremos jugar con los tamaños de la letra, para dar mas importancia a unos sobre otros, podemos hacerlo con las etiquetas <Hx> </Hx>.
Estas etiquetas tienen apertura y cierre, y admiten valores entre 1 y 7, de tal manera que:
<H1>Esto es lo mas grande</H1><H7> y esto es lo mas pequeño</h7>.
El problema que tiene esta etiqueta es que produce un retorno de carro (salto de linea).

Practique con todas estas etiquetas, y vuelva para el proximo capitulo que será publicado proximamente.

 

 

 

Curso Html Siguiente capitulo