Tabla de contenidos
En este capítulo se muestran los elementos básicos del lenguaje, en lo relacionado con la estructura de los documentos HTML, su sintaxis, y la forma en que podemos comenzar a elementos básicos a un documento HTML como lo son los el título, los encabezados, párrafos, imágenes, enlaces y listas. Adicionalmente, se revisa cómo darle formato simple al texto que se ingresa como parte del documento.
Todo documento en HTML debe componerse de tres partes:
Una línea con información de la versión de HTML que utiliza el documento. Corresponde a la definición del tipo de documento (DTD).
Una sección de encabezado de forma declarativa, con
información adicional sobre el documento. Esta sección se delimita
con el elemento <head>.
El cuerpo con el contenido del documento. Este cuerpo se
delimita usualmente con el elemento <body>,
aunque también se puede utilizar el elemento
<frameset>, que veremos más adelante en el
capítulo dedicado a marcos.
Las partes 2 y 3 se encuentran contenidas dentro del elemento
principal de todo documento HTML, que es el elemento
<html>. A continuación se presenta un ejemplo con la
estructura global que debe tener cualquier documento HTML:
Ejemplo 2.1. Estructura global de los documentos HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Mi primer documento HTML</TITLE>
</HEAD>
<BODY>
<P>Hola Mundo
</BODY>
</HTML>
Los documentos HTML tienen la facilidad de que sus elementos y
atributos pueden ser escritos en mayúscula o minúscula de forma
indistinta, así como se permite en algunos casos que se deje una
etiqueta de un elemento sin cerrar, como es el caso de la línea con el
texto "Hola Mundo". Si se observa bien, se abre una etiqueta con el
elemento <P> (párrafo), pero no se cierra. Un
navegador Web puede permitir que esto ocurra y el documento puede ser
interpretado y visualizado sin problema. Sin embargo, se recomienda
escribir los nombres de los elementos únicamente en minúscula y no
olvidar cerrar los elementos, es decir, incluir una etiqueta de inicio y
una etiqueta de cierre por cada elemento, para facilitar la lectura del
documento y encontrar posibles problemas fácilmente. De esta forma, el
código anterior escrito "correctamente" quedaría de la siguiente
manera:
Ejemplo 2.2. Estructura global de los documentos HTML, reescrito según la recomendación
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Mi primer documento HTML</title>
</head>
<body>
<p>Hola Mundo</p>
</body>
</html>