Menu

Disposición de documentos HTML

US ES FR IT BR
Haz una pregunta

Documento HTML

Una página HTML es un archivo simple que contiene texto formateado con etiquetas HTML. Tradicionalmente, el archivo recibe una extensión .htm o .html, pero una página Web puede potencialmente llevar cualquier otra extensión.

Se puede crear una página Web incluso con los editores de texto más básicos (como la aplicación bloc de notas, por ejemplo), pero también existen editores más sofisticados.

Los editores WYSIWYG ("What You See Is What You Get") son editores de interfaz gráfica para trabajar en una página Web y que permiten visualizar mejor lo que verán los visitantes del sitio. Con este tipo de editor, se pueden agregar etiquetas simplemente haciendo clic con el ratón y sus atributos pueden modificarse escribiendo las propiedades en un formulario. En todo caso, para utilizar de forma óptima este tipo de editores, es de gran ayuda tener un buen nivel de conocimiento de HTML.

También hay editores HTML que muestran las etiquetas, los atributos y sus valores en colores diferentes para hacerlos más fáciles de leer. Algunas veces incluyen herramientas para comprobar si el código HTML es válido.

Tradicionalmente, el archivo recibe una extensión .htm o .html, pero una página Web puede potencialmente llevar cualquier otra extensión, incluyendo:

  • .asp para una página generada dinámicamente por ASP (Active Server Pages);
  • .cgi para una página generada dinámicamente con CGI (Common Gateway Interface);
  • .php, .php3 o .php4 para una página generada dinámicamente en PHP;
  • .pl para una página generada dinámicamente en Perl (Practical Extraction and Report Language);
  • etc.

Disposición de documentos HTML

Un documento HTML comienza con la etiqueta <HTML> y termina con la etiqueta </HTML>. Contiene además un encabezado que describe el título de la página y un cuerpo donde se encuentra el contenido de la página.

El encabezado está delimitado por las etiquetas <HEAD> y </HEAD>. El cuerpo está delimitado por las etiquetas <BODY> y </BODY>

Por ejemplo, esta es una página HTML minimalista: 

<HTML>
<HEAD>
<TITLE>Título de página</TITLE>
</HEAD>

<BODY>
Contenido de página
</BODY>
<HTML>

Declaración de tipo de documento

La página HTML debe incluir la declaración de tipo de documento, una referencia al estándar HTML que se utiliza, a fin de especificar el estándar de código que emplea la página. La declaración se hace agregando una línea como ésta: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML> <HEAD>...</HEAD> <BODY>Contenido de página</BODY> </HTML>


Esto indica qué DTD (Document Type Definition) se está utilizando. DTD es una referencia a las características del lenguaje utilizado. La tabla resume las declaraciones para las principales versiones de HTML:


VersiónDeclaración
HTML 2.0<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 4.0//EN">
HTML 3.2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 4.01
XHTML 1.0
  • Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
  • Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    • XHTML 1.1
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    Jean-François Pillou

    Nuestros contenidos son redactados en colaboración con expertos del ámbito tecnológico bajo la dirección de Jean-François Pillou, fundador de CCM.net y director digital en el Grupo Figaro. CCM es un sitio de tecnología líder a nivel internacional y está disponible en 11 idiomas.

    Más información sobre el equipo de CCM

    HTML document layoutHTML document layout Structure d'un document HTMLStructure d'un document HTML Struttura di un documento HTMLStruttura di un documento HTML A estrutura básica de um documento HTMLA estrutura básica de um documento HTML