Flux rss
Bookmark Favorito / Compartir
Struttura di un documento HTML Estrutura de um documento HTML Struktur eines HTML Dokuments Structure d'un document HTML HTML document layout

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


Última actualización el jueves, 16 de octubre de 2008, 15:43:30 .Este documento intitulado « Disposición de documentos HTML » 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.
Javascript – Modificar la altura (height) de un elemento HTML La propiedad de estilo “height” puede ser usada para modificar la altura de un elemento HTML en javascript. Para ello puedes hacer lo siguiente: Si deseas conocer la altura (height) de un bloque HTML, existen dos métodos dependiendo del... es.kioskea.net/faq/sujet-2533-javascript-modificar-la-altura-height-de-un-elemento-html
Introducción a HTML Introducción a HTML HTML (HyperText Mark-Up Language) es lo que se conoce como "lenguaje de marcado", cuya función es preparar documentos escritos aplicando etiquetas de formato. Las etiquetas indican cómo se presenta el documento y cómo se vincula a... es.kioskea.net/contents/html/htmlintro.php3
Marcado HTML HTML, un lenguaje de marcado HTML no es un lenguaje de programación. Es un lenguaje que se utiliza para describir la disposición y el formato del contenido, escrito como texto simple. Una página HTML es un archivo de texto básico que contiene... es.kioskea.net/contents/html/htmlbalise.php3
[Word] Recuperar un documento WordA veces, podemos tener problemas al querer editar o modificar documentos Word de gran tamaño, generalmente conteniendo imágenes y capturas de pantalla. Word se bloqueará y no podremos editar nuestro documento. En este caso podemos hacer lo... es.kioskea.net/faq/sujet-1858-word-recuperar-un-documento-word
Insertar un documento PDF en nuestra página webÍndice: Inserta un documento PDF en tu página web Consejos Inserta completamente un documento PDF en tu página web Descarga del programa Convertir de formato PDF a SWF (Flash) Publicar el SWF Trucos Inserta un documento PDF en tu... es.kioskea.net/faq/sujet-1584-insertar-un-documento-pdf-en-nuestra-pagina-web
Conversión de documentos PDF a WordEn este truco veremos como convertir un documento PDF a Word. Haremos esta conversión utilizando 2 programas de conversión gratuitos: I- Conversión utilizando Some PDF to Word Converter II - Conversión utilizando Free PDF to Word Doc... es.kioskea.net/faq/sujet-1668-conversion-de-documentos-pdf-a-word
Copiar estructura de HTML en una pagina (Resuelto)Hola, Como copio una estructura de HTML en una pagina Web? Saludos Configuración: Windows XP Internet Explorer 6.0 es.kioskea.net/forum/affich-1043-copiar-estructura-de-html-en-una-pagina
Copiar imagenes de documento adobe protegidoHola, como puedo copiar las imagenes de un documento de adobe protegido o como puedeo desprotegerlo para copiarlas gracias Configuración: Windows XP Firefox 3.0.7 es.kioskea.net/forum/affich-128995-copiar-imagenes-de-documento-adobe-protegido
Documento de word padHola, qeria saber como puedo leer un documento qe creé con word pad y ahora no le consigo leer, me salen unos simbolos extraños y lo necesito imprimir ya Configuración: Windows XP Internet Explorer 7.0 es.kioskea.net/forum/affich-87912-documento-de-word-pad
Descargar PDF DownloadPDF Download es una herramienta que te permitira guardar en tu disco un documento PDF para que puedas verlo sin conexion a internet , abrirlo por separado en otra pestaña o tambien verlo en formato HTML ( si existe tal version) . Ademas te muestra el... es.kioskea.net/telecharger/telecharger-2444-pdf-download
Descargar PHP EditorPHP Editor es una herramienta perfecta para los programadores en lenguaje PHP, además puede ser utilizado para HTML, SQL, Java, JavaScript, C++, Python, etc. Con PHP Editor podrás trabajar con varios documentos al mismo tiempo, éste incorpora un... es.kioskea.net/telecharger/telecharger-303-php-editor
Descargar PDF CreatorPDF Creator es una herramienta gratuita que te permite crear documentos PDF. Para ello solo tienes que usar una aplicación que tenga la capacidad de imprimir como word, notepad etc... También puedes encriptar tus PDF para poder protegerlos, y... es.kioskea.net/telecharger/telecharger-16-pdf-creator
Encabezados en HTMLEncabezados HTML acepta seis encabezados para definir la estructura jerárquica de los párrafos en un documento: Etiqueta Efecto... es.kioskea.net/contents/html/htmltitres.php3
Párrafos en HTMLPárrafos HTML considera que los párrafos son bloques de texto. Los navegadores hacen lo posible para adaptar el contenido de los párrafos a la ventana, a menos que los atributos NOWRAP o NOBR estén explícitamente especificados. Dentro de un párrafo,... es.kioskea.net/contents/html/htmlparagraphes.php3
Listas en HTMLListas Una lista es un párrafo estructurado que contiene una serie de elementos. HTML define tres tipos de listas: Listas ordenadas; Listas no ordenadas; Listas de definiciones. Lista ordenada Contenedor Tipo de lista Efecto... es.kioskea.net/contents/html/htmllistes.php3