| 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:
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 >. 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í:
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>. Practique con todas estas etiquetas, y vuelva para el proximo capitulo que será publicado proximamente.
|
|||||||||||||||||||