rss

HTML - Estructura del documento


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ón Declaració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
  • Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
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">

Este documento intitulado « HTML - Estructura del documento » de Kioskea (es.kioskea.net) esta puesto a diposición bajo la licencia Creative Commons. Puede copiar, modificar bajo las condiciones puestas por la licencia, siempre que esta nota sea visible.
 
Discusiones pertinentes en el foro
20/06 17h30Ejemplos de HTML8
31/05 14h59Cdigo html para fonfo4
30/05 15h08FECHA en HTML4
29/05 20h11Ejemplos html estilo link6
29/05 15h37Convierte código HTML a código Wiki6
Mas discusiós en « HTML »
Programas pertinentes en las descargas
Descargar HTMLDOC 1.8.24HTMLDOC - HTMLDOC es una herramienta que permite convertir una página HTML (Hyper-Text Markup Language) en un archivo HTML indexado,...Categoría: PDF
Licencia: Freeware/gratuit
Descargar PDFtoHTML 1.4PDFtoHTML - PDFtoHTML puede abrir archivos PDF. Este reconoce los textos, la disposición y muchos gráficos. Puede guardar en formato...Categoría: PDF
Licencia: Demo
Descargar AbiWord 2.6.3AbiWord - AbiWord es un software procesador de texto, que incluye las siguientes herramientas: Corrector ortográfico Formato...Categoría: Tratamiento de texto
Licencia: Freeware/gratuit
Descargar Wink 2.0 build 1050Wink - Wink le permite capturar toda la actividad que se produce en la pantalla (imágenes y desplazamiento del cursor) para crear...Categoría: Capturas
Licencia: Freeware/gratuit
Mas programas gratuitos en « HTML »