Estructura básica de un documento html

Metodología

Para hacer nuestros documentos HTML intentaremos seguir el método básico descrito aquí, con las herramientas incluidas en cualquier sistema operativo.

1.- Se edita un documento con un editor de texto ASCII (Notepad u otro).

2.- Se salva o graba con extensión html o htm (la extensión .htm viene arrastrada de los sistemas de 16 bits, donde sus sistemas de archivos sólo permiten archivos con 8 caracteres para el nombre, y 3 caracteres para la extensión).

Aconsejamos no utilizar nombres con espacios en blanco o caracteres no reconocidos en todos los idiomas, como por ejemplo los acentos o la ñ.

3.- Procedemos a ejecutar el "browser" o navegador (Navigator, Explorer, Mozilla, Opera, etc.).

4.- Abrimos el documento que hemos creado a través del navegador (archivo-> abrir)

5.- Si debemos hacer cambios, modificamos el documento HTML, lo salvamos y volvemos a visualizar el documento desde el navegador utilizando la opción de actualizar hoja o abriéndolo nuevamente.

Marcas y etiquetas

Concepto de marcas y elementos

¿Que son las Marcas?: son los elementos de marcado de HTML, son fáciles de entender y de utilizar. Suelen ser palabras en inglés (por lo preciso) o abreviatura de palabras. Las etiquetas indican al navegador cómo mostrar o tratar el contenido del documento.

Las etiqueta tienen un nombre de etiqueta, a veces seguido por una lista de atributos, todo entre los símbolos menor que (<) y mayor que (>).

Por ejemplo una etiqueta seria:

<nombre_etiqueta atributo="valor">

Aunque no es obligatorio, si es muy aconsejable que el valor se escriba entre comillas.

La mayoría de las etiquetas tienen un inicio y un cierre y afectan a la parte del contenido que se encuentra entre este inicio y cierre. El componente de inicio es el nombre de etiqueta y sus atributos, si los hay. La etiqueta de cierre es sólo el nombre de la etiqueta precedido de una barra (/).

Un ejemplo sería el siguiente:

<nombre_etiqueta>
contenido
</nombre_etiqueta>

Donde <nombre_etiqueta> es el inicio;

Contenido, es la parte afectada por las etiquetas;

Y </nombre_etiqueta> es el cierre.