HTML significa lenguaje de marcado de hipertexto. Es el lenguaje de marcado estándar para documentos diseñados para mostrarse en un navegador web. HTML puede ser asistido por tecnologías como las hojas de estilo en cascada (CSS) y lenguajes de secuencias de comandos como JavaScript.
En esencia, Internet es una vasta red de computadoras conectadas globalmente. La forma principal en que interactuamos con esta red es a través de la World Wide Web (WWW), un sistema de documentos de hipertexto interconectados a los que se accede a través de Internet. En el corazón de la WWW se encuentran las páginas web, que son documentos escritos en HTML. HTML proporciona la estructura básica de los sitios, que luego se mejora y modifica con otras tecnologías como CSS y JavaScript.
Un documento HTML está estructurado según un conjunto de etiquetas anidadas, que son elementos encerrados entre corchetes angulares. Estas etiquetas le indican al navegador web cómo mostrar el contenido. Un ejemplo de una estructura de documento HTML simple es:
<!DOCTYPE html>
<html>
<cabeza>
<título>Título de la página</título>
</cabeza>
<cuerpo>
<h1>Este es un título</h1>
<p>Este es un párrafo.</p>
</cuerpo>
</html>
Este código define una página web básica con un título, un encabezado y un párrafo de texto.
Los documentos HTML se componen de elementos HTML. Cada elemento está representado por una etiqueta de inicio, algo de contenido y una etiqueta de finalización. Las etiquetas de inicio y fin de un elemento son idénticas, excepto que la etiqueta de fin incluye una barra diagonal antes del nombre del elemento.
Por ejemplo, la etiqueta <code><p></code> encierra un párrafo de texto y está estructurada de la siguiente manera:
<p>Este es un párrafo de ejemplo.</p>
Diferentes elementos sirven para diferentes propósitos. Por ejemplo:
Los elementos HTML pueden tener atributos que proporcionan información adicional sobre los elementos. Los atributos se colocan dentro de la etiqueta de inicio de un elemento y, a menudo, se proporcionan en pares de nombre/valor como <code>name="value"</code>.
Por ejemplo, para incrustar una imagen, usamos la etiqueta <code><img></code> con el atributo <code>src</code> (fuente) para especificar la URL de la imagen:
<img src="url a imagen.jpg" alt="Descripción de la imagen">
El atributo <code>alt</code> proporciona texto alternativo para la imagen si no se puede mostrar.
El uso de la etiqueta <code><a></code> crea hipervínculos, que son fundamentales para la interconexión de la Web. Un hipervínculo puede vincular a otra página web, a una sección diferente de la misma página o incluso a un archivo descargable. Por ejemplo:
<a href="https://example.com">Visita Ejemplo.com</a>
Esto crea un enlace a <code>https://example.com</code>.
HTML proporciona elementos para crear listas. Hay dos tipos principales de listas:
Cada elemento de la lista está encerrado dentro de la etiqueta <code><li></code> (elemento de la lista).
HTML5 es la última evolución del estándar e introduce muchas características nuevas que reflejan las necesidades modernas de documentos multimedia e interactivos. Estos incluyen nuevos elementos estructurales (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) , elementos gráficos (<code><canvas></code> para dibujo, <code><svg></code> para gráficos vectoriales escalables) y elementos multimedia (<code><audio></code> y <code ><vídeo></código>).
HTML semántico se refiere al uso de marcado HTML para reforzar la semántica o significado de la información en las páginas web. En lugar de limitarse a definir cómo se ven o se comportan los elementos (ese es un trabajo de CSS y JavaScript), el HTML semántico describe con precisión la estructura y el tipo de contenido. Por ejemplo, una etiqueta <code><article></code> indica que el contenido interno es un artículo, mientras que una etiqueta <code><nav></code> indica un menú de navegación.
El uso de HTML semántico mejora la accesibilidad y la capacidad de búsqueda del contenido web, haciéndolo más utilizable y reconocible.
HTML es una tecnología fundamental de la World Wide Web y proporciona la estructura básica de las páginas web. Mediante el uso de etiquetas, atributos y elementos, HTML permite la creación de documentos estructurados. Al comprender y emplear HTML, se puede crear una amplia gama de contenidos accesibles en la web, desde simples documentos de texto hasta complejas experiencias multimedia interactivas. Como base para el desarrollo web, el dominio de HTML es esencial para cualquiera que busque diseñar o desarrollar para la web.