HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcas de hipertexto’), hace

referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de
referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones,
define una estructura básica y un código (denominado código HTML) para la definición de contenido de
una página web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a cargo del World
Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi
todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. HTML
se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y
expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto en la visualización de
páginas web y es el que todos los navegadores actuales han adoptado.1

El lenguaje HTML basa su filosofía de desarrollo en la diferenciación. Para añadir un elemento externo a
la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página,
sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la
página web contiene solamente texto mientras que recae en el navegador web (interpretador del
código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca
ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser
interpretada de la misma forma (estándar) por cualquier navegador web actualizado.

HTML es un lenguaje de marcado que nos permite indicar la estructura de nuestro documento mediante
etiquetas. Este lenguaje nos ofrece una gran adaptabilidad, una estructuración lógica y es fácil de
interpretar tanto por humanos como por máquinas.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas
características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles
con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas,
etc.) No obstante, para interpretar correctamente una nueva versión de HTML, los desarrolladores de
navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión
del navegador con los cambios incorporados. Normalmente los cambios son aplicados mediante parches
de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos
los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Por lo que un
navegador desactualizado no será capaz de interpretar correctamente una página web escrita en una
versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a
aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación
de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser
actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores todavía
mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones,
todavía existen diferencias entre distintos navegadores y versiones al interpretar una misma página
web.

Índice

1 Primeras especificaciones de HTML

2 Marcador HTML

2.1 Elementos

2.2 Atributos

3 Etiquetas HTML básicas

4 Nociones básicas de HTML

5 Editores de textos

6 Aprender HTML analizando páginas reales

7 Historia del estándar

8 Accesibilidad web

9 Entidades HTML

10 Véase también

11 Referencias

12 Bibliografía

13 Enlaces externos
Primeras especificaciones de HTML

Tim Berners-Lee (TBL) en 199123 describe 18 elementos que incluyen el diseño inicial y relativamente
simple de HTML. Trece de estos elementos todavía existen en HTML 4.4

Berners-Lee consideraba el HTML una ampliación de SGML, pero no fue formalmente reconocida como
tal hasta la publicación a mediados de 1993, por la IETF (en español: Grupo de Trabajo de Ingeniería de
Internet), de una primera proposición para una especificación del HTML: el borrador del Hypertext
Markup Language de Berners-Lee y Dan Connolly, que incluía una Definición de Tipo de Documento
SGML para definir la gramática.5 El borrador expiró a los seis meses, pero fue notable por su
reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de
línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito.6De la misma
manera, el borrador competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de
Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como
las tablas.7

Marcador HTML

El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>,/). El HTML también
puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir o hacer
referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de
navegadores web y otros procesadores de HTML.8

HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente
como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y
posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores). HTML
consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de data y la
declaración de tipo de documento.

Elementos

Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas:
atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido
al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-
de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del
elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas
(por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos
elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios
tipos de elementos de marcado usados en HTML.
Estructura general de una línea de código en el lenguaje de etiquetas HTML.

El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece «Golf»
como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar
al título «Marcador HTML» al principio de esta sección. El marcado estructural no define cómo se verá el
elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos.
Puede aplicarse un formato específico al texto por medio de hojas de estilo en cascada.

El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo,
<b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no
indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo,
los que leen el texto en voz alta). En el caso de <b>negrita</b> e <i>itálica</i>, existen elementos que se
ven de la misma manera pero tienen una naturaleza más semántica: <strong>énfasis fuerte</strong> y
<em>énfasis</em>. Es fácil ver cómo un lector de pantalla debería interpretar estos dos elementos. Sin
embargo, son equivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no
debería decir más fuerte el nombre de un libro, aunque el nombre resalte en itálicas en una pantalla. La
mayoría del marcado presentacional ha sido desechada desde la versión 4.01, en favor de las hojas de
estilo en cascada.

El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras
partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto
con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace
que muestre el texto de la dirección y vaya hacia nuestra Wikipedia podría ser de la forma <a
href=”https://www.wikipedia.org”>https://www.wikipedia.org</a>. También se pueden crear enlaces
sobre otros objetos, tales como imágenes <a href=”enlace”><img src=”imagen” /></a>.