MEJOR SITIO PARA DESARROLLADORES WEB
HTML5 Lecciones para principiantes

Ua En De

HTML Comentarios


Los comentarios HTML no se muestran en el navegador, pero pueden ayudar a documentar su código fuente HTML.


Etiqueta de comentario HTML

Puedes agregar comentarios a tu fuente HTML usando la siguiente sintaxis:

<!-- Escribe tus comentarios aquí -->

Observe que hay un signo de exclamación (!) en la etiqueta inicial, pero no en la etiqueta final.

Nota: El navegador no muestra los comentarios, pero pueden ayudar a documentar el código fuente HTML.


Añadir comentarios

Con los comentarios, puedes colocar notificaciones y recordatorios en tu código HTML:

Ejemplo

<!-- Este es un comentario -->

<p>Este es un párrafo.</p>

<!-- Recuerda agregar más información aquí -->
Inténtalo tú mismo »

Ocultar contenido

Los comentarios se pueden utilizar para ocultar contenido.

Lo cual puede resultar útil si oculta contenido temporalmente:

Ejemplo

<p>Este es un párrafo.</p>

<!-- <p>Este es otro párrafo </p> -->

<p>Este es un párrafo también.</p>
Inténtalo tú mismo »

También puede ocultar más de una línea; todo lo que esté entre <!-- y --> se ocultará de la pantalla.

Ejemplo

Ocultar una sección de código HTML:

<p>Este es un párrafo.</p>
<!--
<p>Mira esta genial imagen:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>Este es un párrafo también.</p>
Inténtalo tú mismo »

Los comentarios también son excelentes para depurar HTML, porque puedes comentar líneas de código HTML, una a la vez, para buscar errores.


Ocultar contenido en línea

Los comentarios se pueden utilizar para ocultar partes en medio del código HTML.

Ejemplo

Ocultar una parte de un párrafo:

<p>This <!-- great text --> is a paragraph.</p>
Inténtalo tú mismo »

HTML Ejercicios

Ponte a prueba con ejercicios

Ejercicio:

Utilice la etiqueta de comentario HTML para crear un comentario a partir del texto "Esto es un comentario".

<h1>Este es un título</h1>
Este es un comentario
<p>Este es un párrafo.</p>