Apuntes de html

CONOCIMIENTOS BÁSICOS DEL HTML

UNA PÁGINA BÁSICA
El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las etiquetas (tags). Funcionan de la siguiente manera: Este es el inicio de una etiqueta. Este es el cierre de una etiqueta. Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente. Por claridad, se usarán en este manual sólamente lasmayúsculas Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas y : El documento en sí está dividido en dos zonas principales: • El encabezamiento, comprendido entre las etiquetas y . Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título deldocumento, comprendido entre las etiquetas y . El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones). El cuerpo, comprendido entre las etiquetas y . Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.)

•

Por tanto, la estructura queda de estamanera: Título de la página [Aquí van las etiquetas que visualizan la página] Observe la indentación que se ha colocado en la etiqueta TITLE. Dicha indentación no es obligatoria ni tampoco modifica lo que se va a visualizar en la pantalla, pero es conveniente para una mejor lectura de la estructura de nuestra página. Antes de crear nuestra primera página, unas consideraciones sobre el texto:1

•

Cuando escribimos en el documento el texto que queremos que aparezca en la pantalla, veremos que éste se acomoda a ella, sin que tengamos que pulsar el retorno del carro. Si queremos separar el texto en distintos párrafos debemos usar la etiqueta , (que no tiene su correspondiente etiqueta de cierre ) El texto puede tener unas cabeceras, comprendidas entre las etiquetas y , y ,etc. (hasta el número 6), siendo el número indicativo del tamaño. El tamaño mayor es el correspondiente al número 1. Puedes experimentar en el ejemplo que sigue, cambiando el número para comprobar el efecto que se logra. Una etiqueta muy interesante es la de centrado y (no la soportan todos los navegadores, aunque sí la mayoría de ellos). Nos centra todo lo que esté dentro de ella, ya sea texto,imágenes, etc. También tenemos los separadores (horizontal rules), que se consiguen con la etiqueta (no existe la correspondiente de cierre). Con ella se obtiene una raya horizontal tan ancha como la pantalla, y con la apariencia de estar embutida sobre el fondo, como se puede observar en el ejemplo práctico.

•

•

•

Herramientas necesarias
Para comenzar sólo son necesarios doselementos: • Un procesador de texto. Vale cualquiera, siempre que no formatee el texto. Por ello, los más adecuados son los editores de textos (como por ejemplo, Notepad en Windows). Si se utilizan procesadores como el Word, se deben guardar los archivos como 'Sólo Texto', para que no introduzca órdenes de formateo, que pueden provocar errores al cargarlo en el navegador. Un navegador del Web. Comoejemplo puedes utilizar el Netscape, el Explorer, etc.

•

El procesador de texto lo usaremos para ir escribiendo los documentos HTML, que será posteriormente interpretado por el navegador, con lo que iremos comprobando los cambios y añadidos que vayamos efectuando. Método de trabajo Con el procesador de textos crearemos un archivo con el nombre que queramos, pero que debe tener necesariamente laextensión .html (o .htm si nuestro sistema operativo no soporta extensiones de más de tres letras). Cada vez que escribamos algo nuevo en este archivo, debemos guardarlo antes de cargarlo en el navegador (ya que si no lo guardamos no podremos ver lo que hemos agregado). Para cargar nuestro documento HTML en el navegador, utilizaremos el comando adecuado para encontrar donde esté guardado el...