HTML (Lenguaje de Marcado de Hipertexto)

HTML, la base de las páginas web, define su estructura y contenido. Piénsalo como los cimientos, paredes, puerta y techo de una casa.

En su núcleo, HTML consiste en elementos encerrados dentro de corchetes angulares (<>) y generalmente vienen en pares: una etiqueta de apertura y una etiqueta de cierre. Estos elementos forman una estructura jerárquica, con algunos elementos anidados dentro de otros para crear un diseño significativo.

Ejemplo:

Por favor, haz clic en el botón Ejecutar Código para ver el sitio web en acción.

Añadiendo Diferentes Etiquetas en HTML

En HTML, podemos usar varias etiquetas para agregar diferentes tipos de contenido a la página web. Aquí te mostramos cómo podemos agregar texto, imágenes, enlaces y más:

Añadiendo Texto

Para agregar texto a la página web, podemos usar la etiqueta <p> para párrafos, <h1> a <h6> para encabezados de diferentes niveles.

Añadiendo Imágenes

Para añadir imágenes, podemos usar la etiqueta <img>. Especifica la fuente de la imagen (atributo src) y opcionalmente incluye atributos como alt para texto alternativo y width y height para dimensiones.

Añadiendo Enlaces

Para añadir hipervínculos a otras páginas web o recursos, podemos usar la etiqueta <a>. Especifica la URL de la página de destino usando el atributo href.

Añadiendo Listas

Para crear listas ordenadas (numeradas) o desordenadas (con viñetas), podemos usar las etiquetas <ol> y <ul>, respectivamente. Dentro de estas etiquetas, usa la etiqueta <li> para cada elemento de la lista.

Añadiendo Formularios

Para crear formularios para la entrada de usuario, podemos usar varias etiquetas relacionadas con formularios como <form>, <input>, y <button>.

Podemos agregar una amplia gama de contenido a la página web utilizando estas etiquetas HTML, desde texto e imágenes simples hasta formularios interactivos. A continuación, puedes encontrar el sitio web con las etiquetas consideradas.

Tutorial en Video