Lenguajes Webs: HTML, CSS y JavaScript

HTML: Lenguaje de Marcado de Hypertexto

HTML es el lenguaje estándar para crear páginas web. Describe la estructura de una página web semánticamente y está compuesto por una serie de elementos.

Fragmento de código HTML con etiquetas básicas

Elementos Básicos de HTML

Estructura Documento

Todo documento HTML comienza con !DOCTYPE html, seguido de la etiqueta html, que encierra todo el contenido. Dentro de html, encontramos head y el body.

  • head Contiene metadatos del documento (título, enlaces a CSS, scripts, etc.)Lo que no vemos de una página web, pero que es muy impotante que esté.
  • body Contiene todo el contenido visible de la página web ( el cuerpo ).

Elementos de Texto

HTML proporciona una gran variedad de etiquetas para estructurar texto:

  • h1 al h6 Para títulos (h1 el mas grande h6 el más pequeño) y subtítulos.
  • p: Párrafos de texto.
  • a: con el atributo href : Enlaces o hipervínculos.
  • strong: Texto importante (generalmente negrita)también se puede utilizar la etiqueta b .
  • i : Texto en letra itálica (cursiva).

Imágenes y Multimedia

La etiqueta img con el atributo src se utiliza para insertar imágenes. Es crucial incluir el atributo alt para accesibilidad, describiendo el contenido de la imagen, también la etiqueta title permite ver un texto al pasar el cursor.

Para audio y video, se utilizan las etiquetas audio y video, respectivamente. El atributo controls añade controles de reproducción al usuario.

Etiquetas Semánticas en HTML5

HTML5 introdujo nuevas etiquetas semánticas para mejorar la estructura y la accesibilidad de las páginas web:

El uso de estas etiquetas ayuda a los motores de búsqueda y tecnologías de asistencia a entender mejor el significado del contenido.