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

book
Comprensión de las Etiquetas HTML

Adentrémonos en HTML, donde aprenderás a utilizar etiquetas para construir y estructurar tu contenido web, facilitando su lectura e interacción.

HTML

Etiqueta

Una etiqueta es el bloque fundamental de construcción de HTML. Representa un elemento o ítem dentro de una página web, como un encabezado, lista, párrafo de texto o imagen. Las etiquetas se diferencian del texto normal mediante el uso de corchetes angulares. El nombre de la etiqueta y cualquier atributo se colocan dentro de los corchetes angulares (<>).

Por ejemplo, en el fragmento de código a continuación, se muestran elementos HTML escritos utilizando etiquetas de apertura y cierre:

html

index.html

copy
<section>Section element</section>
<p>Paragraph element</p>
<button>Button element</button>

La etiqueta de apertura (<tag_name>) indica el inicio de un elemento, mientras que la etiqueta de cierre (</tag_name>) señala su finalización. El texto deseado se coloca entre las etiquetas de apertura y cierre para incluir contenido dentro del elemento. Puede ejecutar el código utilizando el botón 'Ejecutar código' para ver cómo se representan los elementos. El botón 'Restablecer' borra la entrada de código.

Comentarios

En HTML, los comentarios pueden proporcionar explicaciones o notas dentro del código fuente. Se escriben utilizando la sintaxis <!-- ... -->. El navegador ignorará cualquier contenido escrito dentro de estas etiquetas de comentario y no se mostrará en la página web. Con estos ajustes, el texto proporciona una explicación concisa e informativa de los conceptos de HTML, un fragmento de código de ejemplo y una breve descripción de los comentarios.

html

index.html

copy
<!-- This is a single-line comment. It helps explain code but won't appear on the page -->

<p>This is a paragraph that users will see.</p>

<!--
You can also use multi-line comments.
These are great for adding detailed explanations
or temporarily hiding code without deleting it.
-->

1. ¿Cómo se debe envolver 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 se debe envolver correctamente el texto "My first paragraph" en una etiqueta <p> de HTML?

Select the correct answer

question mark

¿Qué sintaxis se utiliza para dejar un comentario?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 1

Pregunte a AI

expand
ChatGPT

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

We use cookies to make your experience better!
some-alt