SESIONES 2 Y 3. DOCUMENTOS HTML 1. ESTRUCTURA DEL DOCUMENTO. TEXTO TEORÍA: 1. Estructura de un documento HTML básico Todos los documentos HTML están divididos en bloques formando una estructura. Estos bloques están delimitados por etiquetas. Todo documento HTML comienza con y acaba con . Cada uno de estos elementos se llama etiqueta y, normalmente, hay una etiqueta de comienzo y otra de fin, que marcan la región o área que se ve afectada por dicha etiqueta. La de fin es igual a la de comienzo, pero con el carácter “/” delante. Existen elementos que no requieren de la marca final, ya que normalmente no producen un efecto sobre el texto en sí, sino que definen separadores. Las etiquetas, para diferenciarlas del texto, van entre símbolos de menor “”, que indican donde empieza y acaba la etiqueta. Los documentos escritos en HTML están estructurados en dos partes diferenciadas: la cabecera () y el cuerpo (). La cabecera La cabecera se emplea para facilitar información acerca del documento y está delimitada por prólogo . Normalmente esta información no se ve cuando se navega por el documento.

El fichero fuente de un documento HTML podrá contener comentarios explicativos que serán ignorados por el navegador. En el código fuente de una página HTM, los comentarios se introducirán entre las marcas: . Todo texto situado entre dichas marcas será ignorado por el browser, y por tanto no será visible. Ejemplo:



Ejercicio 1: abre el Bloc de notas, escribe las siguientes etiquetas y guárdalo con el nombre primera_pagina.html Abre el archivo con el navegador, ¿qué se ve?

Ejercicio 2: Abre el documento primera_pagina.html y escribe las siguientes. Ábrelo después con el navegador, ¿qué se ve?

Entre las marcas del elemento se podrán utilizar los siguientes elementos: • • •

para dar nombre al documento, su uso es obligatorio; <META> para forzar a la página activa a ser cargada cada cierto tiempo. para prefijar la dirección base de los documentos referenciados mediante un URL relativo.

El cuerpo El resto del documento, o sea, todo aquello que no pertenezca a la cabecera, residirá entre y . Esta es la estructura mínima que debe poseer todo documento HTML: Estructura mínima de un documento HTML Documento

A continuación vamos a los atributos de la etiqueta BODY: BACKGROUND. La utilizaremos para poner un gráfico de fondo. BGCOLOR. Para poner un color de fondo. TEXT. Color de texto. LINK. Color que tendrán los vínculos no visitados. VLINK. Color que tendrán los vínculos visitados. ALINK. Color del vínculo activo, es decir, color cuando se hace clic con el ratón en el enlace. Un ejemplo de la etiqueta BODY sería: