Un documento HTML está estructurado en dos partes: la cabecera (<HEAD>) y el cuerpo (<BODY>). La cabecera contiene metadatos sobre el documento como el título y no es visible, mientras que el cuerpo contiene el contenido visible del documento. La estructura mínima de un documento HTML incluye las etiquetas <HTML>, <HEAD>, <TITLE> y <BODY>.
2. Estructura de un documento HTML
Los documentos escritos en HTML están estructurados en dos partes
diferenciadas: la cabecera (<HEAD>) y el cuerpo (<BODY>).
Entre las marcas del elemento <HEAD> se podrán utilizar los siguientes
elementos:
<TITLE> para dar nombre al documento;
<META> para forzar a la página activa a ser cargada cada cierto tiempo.
<BASE> para prefijar la dirección base de los documentos referenciados
mediante un URL relativo.
3. HEAD, TITLE, META, BASE
La cabecera se emplea para facilitar información acerca del documento y está
delimitada por <HEAD> prólogo </HEAD>. Normalmente esta información no se
ve cuando se navega por el documento.
A continuación se muestra un ejemplo del formato mínimo de la cabecera.
<HTML>
<HEAD>
<TITLE> Aqui va el nombre del documento </TITLE>
</HEAD>
Cuerpo del documento
...
</HTML>
4. BODY
El resto del documento, o sea, todo aquello que no pertenezca a la cabecera,
residirá entre <BODY> y </BODY>. Esta es la estructura mínima que debe
poseer todo documento HTML:
<HTML>
<HEAD> <TITLE>Estructura mínima de un
documento HTML</TITLE>
</HEAD>
<BODY> Documento ... </BODY>
</HTML>
5. Comentarios
En el código fuente de una página HTM, los comentarios se introducirán
entre las marcas: <!-- y -->. Todo texto situado entre dichas marcas será
ignorado por el browser, y por tanto no será visible.
Ejemplo:
<!-- Esto es una línea de comentarios -->
6. Separadores de bloques de texto
Párrafos <P>
Saltos de línea <BR>
Bloques tabulados <BLOCKQUOTE>
Línea horizontal <HR>
Divisiones <DIV>
Texto prefomateado <PRE>
Direcciones <ADDRESS>
Centrado de bloques <CENTER>
7. Tipos de letras
Cabeceras <Hn>
Tamaño, color y tipo de letra <FONT>
Tamaño por defecto de la letra <BASEFONT>
Estilos de caracteres
8. Colores
Texto de colores <FONT>
Colores del entorno (fondo, texto y enlaces)
<BODY>
Tabla de códigos de colores
9. Hiperenlaces
Explicaciones sobre los hiperenlaces
Definición de ancla <A>
Ancla de partida El atributo HREF
Ancla de llegada El atributo NAME
Apertura de una nueva ventana El atributo TARGET
Enlaces a puntos internos a un documento
Aplicación a notas al pie de página
Aclaraciones sobre los enlaces
Servicios de Internet (otros URL)
10. Tablas
Definición de la tabla <TABLE>
Marca de comienzo de una nueva fila <TR>
Marca de comienzo de una nueva celda <TD>
Celdas con texto de cabecera <TH>
Tablas con título <CAPTION>
Ejemplos I
Ejemplos II
Pequeño tutorial de tablas
11. Formularios
Introducción
Atributos comunes
Marca de comienzo y fin <FORM>
Campos de entrada de texto y botones <INPUT>
Listas de selección <SELECT>
Ventanas de texto con barras de desplazamiento
<TEXTAREA>
Ejemplo
Tabla de códigos hexadecimales del Netscape para
Windows
12. Imágenes
Introducción
Inserción de imágenes <IMG>
Alineación de imágenes El atributo ALIGN
Extensiones del Netscape para la alineación de imágenes
Imágenes como fondo de página <BODY>
Imágenes como marcas de una lista <IMG> <DL>
Animaciones
Imágenes y enlaces <IMG> <A>
Imágenes mapeadas <IMG> <MAP> <AREA>
13. Símbolos
¿Por qué hay que usar códigos?
Tabla de símbolos