Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Comprensión de las Etiquetas HTML | Etiquetas y Atributos HTML
HTML Definitivo

Comprensión de las Etiquetas HTML

Desliza para mostrar el menú

Note
Definición

HTML (Lenguaje de Marcado de Hipertexto) es el lenguaje utilizado para estructurar el contenido en la web. Un archivo HTML (.html) indica al navegador cómo mostrar texto, imágenes, listas, tablas y más.

¿Qué son las etiquetas?

Las etiquetas son los bloques básicos de construcción de HTML. Definen elementos como párrafos, botones, secciones e imágenes. Las etiquetas se escriben entre corchetes angulares: <tagname>.

La mayoría de las etiquetas vienen en pares:

  • Etiqueta de apertura: <tagname>;
  • Etiqueta de cierre: </tagname>.

El contenido se coloca entre ellas.

index.html

index.html

Descripción del código
expand arrow

Este código HTML consta de tres elementos:

  • <section>: representa un elemento de sección, que normalmente se utiliza para agrupar contenido relacionado;
  • <p>: representa un elemento de párrafo, que se utiliza para definir un bloque de texto;
  • <button>: representa un elemento de botón, que puede ser pulsado para realizar una acción.

No te preocupes, todos estos elementos y muchos más se explorarán en detalle en los próximos capítulos. Este es solo un ejemplo sencillo para comenzar.

Comentarios

Los comentarios te permiten añadir notas dentro de tu código HTML. El navegador los ignora, por lo que no aparecen en la página.

index.html

index.html

1. ¿Cómo envolverías correctamente el texto "My first paragraph" en una etiqueta <p> de HTML?

2. ¿Qué sintaxis se utiliza para dejar un comentario?

question mark

¿Cómo envolverías correctamente el texto "My first paragraph" en una etiqueta <p> de HTML?

Selecciona la respuesta correcta

question mark

¿Qué sintaxis se utiliza para dejar un comentario?

Selecciona la respuesta correcta

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 1

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Sección 2. Capítulo 1
some-alt