Tutorial HTML

INICIO HTML Introducción HTML Editores HTML HTML básico Elementos HTML Atributos HTML Encabezados HTML Párrafos HTML Estilos HTML Formato HTML Cotizaciones HTML Comentarios HTML Colores HTML CSS HTML Enlaces HTML Imágenes HTML icono de favoritos HTML Tablas HTML Listas HTML Bloque HTML y en línea Clases HTML Identificación HTML Marcos flotantes HTML HTML JavaScript Rutas de archivo HTML Encabezado HTML Diseño HTML Responsivo HTML Código informático HTML Semántica HTML Guía de estilo HTML Entidades HTML Símbolos HTML Emoticonos HTML Juego de caracteres HTML Codificación de URL HTML HTML frente a XHTML

Formularios HTML

Formularios HTML Atributos de formulario HTML Elementos de formulario HTML Tipos de entrada HTML Atributos de entrada HTML Atributos de formulario de entrada HTML

Gráficos HTML

Lienzo HTML HTML SVG

Medios HTML

Medios HTML Vídeo HTML Audio HTML Complementos HTML HTML de YouTube

API de HTML

Geolocalización HTML Arrastrar/soltar HTML Almacenamiento web HTML Trabajadores web HTML SSE HTML

Ejemplos HTML

Ejemplos HTML Cuestionario HTML Ejercicios HTML Certificado HTML Resumen HTML Accesibilidad HTML

Referencias HTML

Lista de etiquetas HTML Atributos HTML Atributos globales HTML Compatibilidad con navegador HTML Eventos HTML Colores HTML Lienzo HTML Audio/vídeo HTML Tipos de documentos HTML Conjuntos de caracteres HTML Codificación de URL HTML Códigos de idioma HTML Mensajes HTTP Métodos HTTP Convertidor PX a EM Atajos de teclado

Comentarios HTML


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


Etiqueta de comentario HTML

Puede agregar comentarios a su fuente HTML usando la siguiente sintaxis:

<!-- Write your comments here -->

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 su código fuente HTML.


Añadir comentarios

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

Ejemplo

<!-- This is a comment -->

<p>This is a paragraph.</p>

<!-- Remember to add more information here -->

Ocultar contenido

Los comentarios se pueden utilizar para ocultar contenido.

Lo que puede ser útil si oculta contenido temporalmente:

Ejemplo

<p>This is a paragraph.</p>

<!-- <p>This is another paragraph </p> -->

<p>This is a paragraph too.</p>

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>This is a paragraph.</p>
<!--
<p>Look at this cool image:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>This is a paragraph too.</p>

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


Ocultar contenido en línea

Los comentarios se pueden usar 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>

Ejercicios HTML

Ponte a prueba con ejercicios

Ejercicio:

Use la etiqueta de comentario HTML para hacer un comentario del texto "Esto es un comentario".

<h1>Este es un encabezado</h1>
este es un comentario
<p>Esto es un párrafo.</p>