Redes E Internet

HTML – Referencia Rápida
INTRODUCCIÓN

Las páginas web están armadas usando el lenguaje de marcación de elementos en la pantalla, o sea HTML. Por medio de él, le decimos al navegador qué elementos queremos ver (imágenes, texto, etc), en qué posición de la pantalla y con qué características (color, tamaño, etc).
Para armar una página web, necesitamos contar con un editor de texto cualquiera.Recomendamos LopeEdit por ser muy fácil.
Para crear tu primera página web, abrí LopeEdit y vas a encontrar en la parte superior una pestaña que dice “Untitled” o “Sin Título”. Ese es el archivo que va a contener las etiquetas HTML, o sea, tu página web. Por lo tanto se lo debe guardar (File – Save).
Para guardar archivos que van a ser páginas web, se deben seguir unas reglas como lassiguientes:
• Los nombres de archivo no deben tener espacios, mayúsculas, tildes, Ñ ni caracteres especiales (@, ¿, etc).
• La extensión del archivo debe ser .html Si no le ponés esa extensión, tu archivo no será una página web, sino un archivo de texto .txt

Por ejemplo, guardá tu archivo con el nombre pagina1.html
De paso, abrilo con el navegador que tengas en tu máquina (Internet Explorer, GoogleChrome, etc). Y no lo cierres, así cuando vamos agregando etiquetas en el LopeEdit, vamos viendo cómo se ve tu página en el navegador.
Para trabajar mejor, recomendamos tener abiertos los dos programas: LopeEdit con tu archivo pagina1.html, y el navegador con ese mismo archivo para ver los cambios.
Cada vez que modifiques el archivo en LopeEdit, guardá los cambios que hiciste y luego actualizátu página en el navegador (F5).

El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las etiquetas (tags). Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente. Todo el documento HTML debe estar entre las etiquetas y :

[Todo el documento]

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, como el título del documento, 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 agreguen nuestra página a sus favoritos, por ejemplo.
• El cuerpo, comprendido entre las etiquetas y .Dentro del cuerpo están todos los elementos que queremos que aparezca en la página (texto, imágenes, etc.)

Por tanto, la estructura queda de esta manera:

HTML>

Título de la página


[Aquí van las etiquetas que visualizan la página]



Como dijimos, lo mínimo que se necesita para crear y ejecutar un documento HTML es un editor de texto (como el block de notas o el LopeEdit) y unexplorador web (como el IE). No olvidar que al guardar el archivo en el editor, su extensión debe ser .HTML. Cuando escribimos en el documento el texto que queremos que aparezca en la pantalla se acomoda a ella, sin que tengamos que pulsar Enter.

Por qué tenemos que tener cuidado al darle nombre a los archivos:
Un sitio del Web es en realidad un conjunto de archivos que vamos a colocar en unservidor, para que sean accesibles a quien quiera visitarlos. Pero debido a que la mayoría de los servidores están basados en sistemas operativos Unix (aunque crecientemente se van utilizando otros sistemas), es muy conveniente, para evitarnos problemas al instalar nuestros archivos en el servidor, considerar una particularidad referente a los nombres de los archivos.
En los sistemas más utilizadospara confeccionar las páginas del Web (Windows, Mac) es indiferente la utilización de las mayúsculas y minúsculas en los nombres de los achivos. Es decir, es lo mismo Indice.html que INDICE.HTML o que indice.html Pero esto no es así en los sistemas Unix, en donde los ejemplos anteriores se corresponderían a tres nombres distintos.
Si no se tiene esto en cuenta, puede ocurrir, por ejemplo, que...