Disposición de documentos HTML

Octubre 2017

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">

    Consulta también


    HTML document layout
    HTML document layout
    Structure d'un document HTML
    Structure d'un document HTML
    Struttura di un documento HTML
    Struttura di un documento HTML
    Estrutura de um documento HTML
    Estrutura de um documento HTML
    Última actualización: 21 de octubre de 2016 a las 13:29 por Carlos-vialfa.
    El documento «Disposición de documentos HTML» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.