Tim Berners-Lee (TBL) en 19912 3 describe 18 elementos que incluyen el diseño inicial y
relativamente simple de HTML. Trece de estos elementos todavía existen en HTML . 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
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. 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).
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 «Marcado HTML» al principio de esta sección.
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>.
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=”http://www.wikipedia.org”>http://www.wikipedia.org</a>. También se pueden
crear enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><img src=”imagen” /></a>.
ATRIBUTOS
La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual
«=» y escritos en la etiqueta de comienzo de un elemento, después del nombre del elemento. El valor
puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin
comillas en HTML (pero no en XHTML). De todas maneras, dejar los valores sin comillas es
considerado poco seguro. En contraste con los pares nombre-elemento, hay algunos atributos que
afectan al elemento simplemente por su presencia (tal como el atributo ismap para el elemento img).
IDENTIFICADOR DEL TIPO DE DOCUMENTO <HTML>
Todas las páginas web escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo,
tienen que tener las etiquetas <html> y </html>. Entre las etiquetas <html> y </html> estará
comprendido el resto del código HTML de la página.
CABECERA DE LA PÁGINA <HEAD>
La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título. Está
formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta
<html>.
TÍTULO DE LA PÁGINA <TITLE>
El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la
página esté cargada en él. Para asignar un título a una página es necesario escribir el texto deseado
entre las etiquetas <title> y </title>. Estas etiquetas han de estar dentro de la cabecera, es decir,
entre las etiquetas <head> y </head>.
CUERPO DEL DOCUMENTO <BODY>
El cuerpo del documento contiene la información propia del documento, es decir lo que deseemos
que se visualice, el texto de la página, las imágenes, los formularios, etc. Todos estos elementos
tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.