11- 💬 Comentarios en HTML y su utilidad

---

• Comentarios en HTML
• Etiqueta de comentario
• Añadir comentario
• Ocultar contenido
• Ocultar contenido dentro de una línea

---

Etiqueta de comentario

La etiqueta de comentario en HTML se usa para agregar notas en el código que no serán visibles en la página web final. Los comentarios se encierran entre <!-- y -->.

Ejemplo

El contenido visible aquí es texto normal.

Código del ejemplo

<!-- Este comentario no es visible en la página -->
<p>El contenido visible aquí es texto normal.</p>

---

Añadir comentario

Para añadir un comentario en HTML, simplemente usa la sintaxis <!-- comentario -->. Esto es útil para dejar notas sobre el código o para desactivar temporalmente partes del código durante el desarrollo.

Ejemplo

Este es un ejemplo de cómo añadir comentarios en HTML.

Código del ejemplo

<p>Este es un ejemplo de cómo añadir comentarios en HTML.</p>
<!-- Este es un comentario adicional para los desarrolladores -->

---

Ocultar contenido

El contenido puede ser ocultado usando comentarios en HTML. Esto es útil para mantener partes del código sin eliminar pero sin mostrarlas en la página web.

Ejemplo

Este contenido es visible.

Código del ejemplo

<!-- <p>Este contenido está oculto y no será visible en la página.</p> -->
<p>Este contenido es visible.</p>

---

Ocultar contenido dentro de una línea

Puedes ocultar contenido dentro de una línea utilizando comentarios HTML. Esto puede ser útil para desactivar parte del texto o elementos en una línea específica sin afectar el resto del contenido.

Ejemplo

Este es un ejemplo de contenido con este texto oculto visible en la línea.

Código del ejemplo

<p>Este es un ejemplo de contenido con <span style="display:none;">este texto oculto</span> visible en la línea.</p>

---

Resumen de la lección

En esta lección, hemos cubierto diversos elementos y etiquetas HTML útiles para estructurar y presentar contenido en una página web. Aquí tienes un resumen de los temas tratados:

• Comentarios en HTML: Se utilizan para agregar notas en el código que no son visibles en la página final. Son útiles para documentar el código o para desactivar temporalmente partes del mismo.
• Etiqueta de comentario: La sintaxis para los comentarios es <!-- comentario -->. Estos comentarios no son visibles en la vista de la página web.
• Añadir comentario: La forma de añadir un comentario es utilizando la misma sintaxis de los comentarios. Esto permite dejar notas útiles para el desarrollo o desactivar secciones del código.
• Ocultar contenido: Puedes ocultar contenido de la página web utilizando comentarios HTML. Esto es útil para mantener el contenido en el código pero no mostrarlo en la vista final.
• Ocultar contenido dentro de una línea: El contenido dentro de una línea puede ser ocultado usando la propiedad display:none; en CSS, aunque en el contexto de HTML puedes usar comentarios para ocultar partes específicas de una línea.

---

Etiqueta	Descripción
<!-- -->	Define un comentario en HTML. El contenido dentro de los comentarios no es visible en la página web.
<!-- Comentario -->	Ejemplo de cómo añadir un comentario en HTML.
<!-- Comentario anidado -->	Los comentarios pueden estar anidados dentro de otros comentarios.
<!-- Comentario multilínea -->	Los comentarios pueden abarcar varias líneas en HTML.
<!-- Ocultar contenido -->	Los comentarios también pueden usarse para ocultar contenido temporalmente.
<!-- Uso de comentarios en el código -->	Comentarios útiles para documentar y explicar el código HTML.

Ir al índice