Etiqueta HTML - Comentarios "< !--...-->"

Definición

HTML al igual que otros lenguajes también permite hacer comentarios en el código fuente sin que este se muestre en pantalla, los comentarios pueden ser tanto de una sola linea o puede tener saltos de linea si se quiere de igual forma funcionara.

Esta etiqueta se utiliza principalmente para marcar el inicio y final de secciones de la pagina, avisos, notas y mas que todo para explicar fragmentos de código fuente en la pagina, para así ayudarnos a entender el código fuente en una futura edición de la pagina.

Esto nos podría ser de gran utilidad si tuviéramos una pagina que contuviera gran cantidad de código fuente, para así ubicarnos cada ver que quisiéramos modificara.

Para tener en cuenta al momento de hacer comentarios: aunque los comentarios no se muestra por pantalla al usuario, estos si son visibles si se llegase a ver el código fuente de la pagina, por esta razón nunca se debe colocar información privada en estos.

La Sintaxis

Para utilizar esta etiqueta se haría de la siguiente forma:

1. Abrimos la etiqueta con: <!--
2. Colocamos nuestro comentario.
3. Cerramos la etiqueta con: -->

Ejemplos:

<!-- Inicio de Tabla de Contenido -->
  <table title="Tabla de Contenido">
 <tr>
  <td> ..... </td>
  <td> ..... </td>
 </tr>
 <tr>
  <td> ..... </td>
  <td> ..... </td>
 </tr>
</table>
<!-- Final de Tabla de Contenido -->

<!--
Tabla de Contenido 

 En la siguiente tabla se muestran
 todos los capítulos y articulos que
 contiene la pagina.
-->
<table title="Tabla de Contenido">
 <tr>
  <td> ..... </td>
  <td> ..... </td>
 </tr>
 <tr>
  <td> ..... </td>
  <td> ..... </td>
 </tr>
</table>

<!-- Tabla de Contenido -->

<!-- 
<table title="Tabla de Contenido">
 <tr>
  <td> ..... </td>
  <td> ..... </td>
 </tr>
 <tr>
  <td> ..... </td>
  <td> ..... </td>
 </tr>
</table>
-->

Prueba tu mismo

Coloca en la siguiente caja de texto tu codigo HTML: