Skip to main content

¿Qué es el HTML?

HyperText Markup Language (HTML) es un tipo de lenguaje de computadora que se utiliza para crear páginas que pueden publicarse en Internet o enviarse por correo electrónico. Aunque pueda parecer complejo para muchas personas, se considera que es un lenguaje relativamente simple. Todos los elementos de texto, gráficos y diseño de una página diseñada con este lenguaje están "etiquetados" con códigos que le indican al navegador web o al programa de correo electrónico cómo mostrar esos elementos. Las etiquetas también proporcionan información de diseño y formato para que la página web o el correo electrónico se vean lo más cerca posible de la forma en que su diseñador pretendía. Para el diseñador de sitios web novatos o cualquier otra persona que necesite conocer un código determinado o quiera aprender cómo crear un sitio web completo, existen muchas utilidades de software, programas y sitios web que pueden ayudarlo a escribir código HTML.

Estructura

La codificación HTML está estructurada como un árbol, con cada etiqueta diferente anidada dentro de ella. En la mayoría de los casos, cada elemento de formato requiere una etiqueta de inicio y una etiqueta de finalización, y las diferentes etiquetas no deben superponerse. Esto es lo que se entiende por "anidado"; si la etiqueta 2 se abre después de la etiqueta 1, entonces la etiqueta 2 debe cerrarse primero para que el elemento de formato de la etiqueta 2 esté completamente encerrado dentro de la etiqueta 1. Los elementos son los componentes individuales que componen el código, e incluyen las etiquetas de apertura y cierre y el contenido entre ellos. Los atributos proporcionan más información sobre el elemento y están formados por el atributo y su valor, conectados por un signo igual.

Para crear un elemento HTML, el usuario crea una etiqueta que comienza y termina con corchetes angulares y la coloca antes del texto que debe formatearse. El código, generalmente una o más letras, números, palabras y / o símbolos, dentro de los corchetes angulares indica qué es el elemento y los atributos que debe tener el contenido, como su tamaño, fuente u otras características. Para finalizar el formateo, el usuario escribe el primer paréntesis angular, luego una barra diagonal inversa, luego repite el código del elemento y cierra el paréntesis. Por ejemplo, <title> <strong> What Is HTML? </strong> </title> es el código utilizado para formatear el título de este artículo; la etiqueta del elemento "fuerte" está anidada dentro de la etiqueta "título".

Tipos de códigos

Hay muchos códigos para permitir diferentes formatos de texto, incluyendo cursiva, tablas, párrafos e hipervínculos a páginas web. Los códigos también pueden indicar al navegador o al programa de correo electrónico cómo mostrar o utilizar otros elementos, como imágenes, gráficos, video y sonido. Se pueden usar otros tipos de códigos sin corchetes angulares para crear signos de puntuación, signos diacríticos y otros símbolos que pueden aparecer en el texto. Aunque todos los navegadores web y muchos programas de correo electrónico usan HTML, cada uno puede interpretar y mostrar el código de manera un poco diferente, y los diseñadores a menudo deben considerar estas variaciones al crear una página web.

Un lenguaje en evolución

Desde el desarrollo del HTML a principios de la década de 1990 por el científico informático británico Tim Berners-Lee, ha habido muchos cambios y versiones. Estas versiones han sido mantenidas por el Consorcio World Wide Web (W3C) desde 1996. En enero de 2008, el grupo de trabajo que estaba desarrollando esta especificación publicó el primer borrador de trabajo público de HTML 5. Todavía en desarrollo a partir de 2011, se esperaba que esta revisión cambiara drásticamente el desarrollo de aplicaciones para la web. Introduce una serie de elementos nuevos, incluidos los de estructura del sitio, interactividad y soporte de audio y video, así como nuevos atributos.

Ver el código de una página web

El código utilizado para crear cualquier página web se puede ver navegando por un navegador a la página y luego eligiendo la opción correcta en el menú del navegador. En la mayoría de los navegadores, el usuario puede hacer clic en el menú "ver" y seleccionar una opción como "fuente", "ver fuente" o "fuente de página". Esto hará que aparezca una ventana emergente y mostrará el código que se utilizó para crear esa página web.

Es importante tener en cuenta que no todo el contenido encontrado en todas las páginas web está escrito en HTML. Extensible Markup Language (XML) y Extensible HyperText Markup Language (XHTML) son otros tipos de lenguajes de marcado utilizados en el desarrollo web. Además, las hojas de estilo, como las hojas de estilo en cascada (CSS), se utilizan para adjuntar estilo a documentos HTML. Se utilizan lenguajes como Flash® y Java® para crear contenido interactivo. Se pueden usar muchos otros lenguajes de programación para agregar funcionalidades específicas a un sitio web.

En comparación con HTM

En términos prácticos, hay poca diferencia entre las extensiones HTM y HTML, ya que ambas son leídas como un archivo HTML por la mayoría de las máquinas. La razón por la que había dos extensiones diferentes para comenzar es que ciertos tipos de computadoras, como las que se ejecutan en sistemas DOS o Windows® 3 de 16 bits, no podían leer extensiones de cuatro caracteres, por lo que necesitaban la extensión HTM de tres caracteres. La mayoría de los sistemas que pueden leer extensiones de cuatro caracteres se programan automáticamente para reconocer archivos HTM como archivos HTML, aunque los usuarios de computadoras pueden necesitar ocasionalmente un convertidor para cambiar un archivo de HTM a un formato que el sistema reconoce.