HTML (HyperText Markup Language)

En el ámbito del desarrollo web, HTML (HyperText Markup Language, lenguaje de marcado de hipertexto), hace referencia al lenguaje de marcas predominante para la elaboración de páginas web. El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (< >) y se utiliza para describir la estructura y el contenido de los documentos que conforman una página web.

HTML (HyperText Markup Language)

Qué es HTML

El HTML (Hyper Text Markup Language, lenguaje de marcado de hipertexto), es el lenguaje de marcado más utilizado comúnmente en la elaboración de contenidos web. Se utiliza para describir la información y estructura de los distintos elementos que componen una página web, como textos, imágenes, videos y otros objetos.

El HTML se escribe utilizando etiquetas, encerradas entre corchetes angulares (< >) y no sólo describe la apariencia de un documento, sino que puede también incluir scripts embebidos, por ejemplo JavaScript, el cual puede modificar el comportamiento de los navegadores web.

Cada elemento HTML consta básicamente de tres componentes:

  • Etiquetas: HTML utiliza etiquetas o marcas, que consisten en breves instrucciones mediante las cuales se establece la forma en que deben aparecer en el navegador el texto, las imágenes y los demás elementos de la página web. Las etiquetas se identifican porque están encerradas entre corchetes angulares, es decir, los signos "menor que" y "mayor que" (< >). En general las etiquetas se abren y se cierran, es decir, cada elemento consta de una etiqueta de inicio y de una etiqueta de cierre, como por ejemplo <b>negrita</b>
  • Atributos: las etiquetas pueden tener atributos que toman un determinado algún valor. La mayoría de los atributos son pares nombre-valor, escritos en la etiqueta de comienzo de un elemento, como por ejemplo <a href="http://es.wikipedia.org">Wikipedia</a>
  • Contenido: se ubica entre ambas etiquetas de apertura y cierre.

Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre.

En HTML se pueden distinguir varios tipos de elementos de marcado:

  • Las etiquetas que describen el propósito del texto, como <h2>Tennis</h2> que establece un encabezamiento de segundo nivel, se denominan marcado estructural.
  • Las etiquetas que describen la apariencia del texto, sin importar su función, como <b>Golf</b> que indica que el texto va en negrita, se denominan marcado presentacional.
  • Las etiquetas que sirven para enlazar partes del documento con otros documentos, como <a href="http://es.wikipedia.org">Wikipedia</a>, se denominan marcado hipertextual.

Actualmente, la mayoría del marcado presentacional ha sido desechado en favor de las hojas de estilo en cascada CSS, con el objetivo de separar el contenido de la presentación, lo que permite realizar modificaciones por separado.

Algunas etiquetas básicas en HTML son:

  • <html>: marca el inicio del documento HTML. El navegador interpreta que lo que viene a continuación deberá ser decodificado en HTML.
  • <script>: incrusta un script en el documento.
  • <head>: cabecera del documento, proporciona información del sitio al navegador pero no al usuario.
  • <tittle>: título de la página.
  • <link>: vincula hojas de estilo o iconos al sitio web.
  • <style>: permite colocar el estilo interno mediante CSS.
  • <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento HTML que se muestra en el navegador.
  • <h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
  • <table><tr><td>: etiquetas para tabla, fila y celda.
  • <a>: hipervínculo o enlace.
  • <div>: división de la página.
  • <img>: imagen.
  • <li><ol><ul>: etiquetas para listas.
  • <b>: texto en negrita. Etiqueta obsoleta, se recomienda usar <strong>.
  • <i>: texto en cursiva. Etiqueta obsoleta, se recomienda usar <em>.
  • <u>: texto subrayado.