Tutorial HTML

HTML HOME Introdução HTML Editores de HTML HTML básico Elementos HTML Atributos HTML Títulos HTML Parágrafos HTML Estilos HTML Formatação HTML Cotações HTML Comentários HTML Cores HTML HTML CSS Links HTML Imagens HTML HTML Favicon Tabelas HTML Listas HTML Bloco HTML e Inline Classes HTML Código HTML Iframes HTML JavaScript HTML Caminhos de arquivo HTML Cabeçalho HTML Esquema HTML HTML Responsivo Código de computador HTML Semântica HTML Guia de estilo HTML Entidades HTML Símbolos HTML Emojis HTML Conjunto de caracteres HTML Codificação de URL HTML HTML vs. XHTML

Formulários HTML

Formulários HTML Atributos de formulário HTML Elementos de formulário HTML Tipos de entrada HTML Atributos de entrada HTML Atributos do formulário de entrada HTML

Gráficos HTML

Tela HTML HTML SVG

Mídia HTML

Mídia HTML Vídeo HTML Áudio HTML Plug-ins HTML HTML YouTube

APIs HTML

Geolocalização HTML Arrastar/Soltar HTML Armazenamento Web HTML Trabalhadores da Web HTML HTML SSE

Exemplos HTML

Exemplos HTML Questionário HTML Exercícios HTML Certificado HTML Resumo HTML Acessibilidade HTML

Referências HTML

Lista de tags HTML Atributos HTML Atributos Globais HTML Suporte ao navegador HTML Eventos HTML Cores HTML Tela HTML Áudio/vídeo HTML Tipos de documento HTML Conjuntos de caracteres HTML Codificação de URL HTML Códigos HTML Lang Mensagens HTTP Métodos HTTP PX to EM Converter Atalhos do teclado

Comentários HTML


Comentários HTML não são exibidos no navegador, mas podem ajudar a documentar seu código-fonte HTML.


Tag de comentário HTML

Você pode adicionar comentários à sua fonte HTML usando a seguinte sintaxe:

<!-- Write your comments here -->

Observe que há um ponto de exclamação (!) na marca inicial, mas não na marca final.

Observação: os comentários não são exibidos pelo navegador, mas podem ajudar a documentar seu código-fonte HTML.


Adicione comentários

Com os comentários, você pode colocar notificações e lembretes em seu código HTML:

Exemplo

<!-- This is a comment -->

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

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

Ocultar conteúdo

Os comentários podem ser usados ​​para ocultar o conteúdo.

O que pode ser útil se você ocultar o conteúdo temporariamente:

Exemplo

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

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

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

Você também pode ocultar mais de uma linha, tudo entre o <!--e o --> será ocultado da exibição.

Exemplo

Ocultar uma seção do 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>

Os comentários também são ótimos para depurar HTML, porque você pode comentar linhas de código HTML, uma de cada vez, para procurar erros.


Ocultar conteúdo embutido

Os comentários podem ser usados ​​para ocultar partes no meio do código HTML.

Exemplo

Ocultar uma parte de um parágrafo:

<p>This <!-- great text --> is a paragraph.</p>

Exercícios HTML

Teste-se com exercícios

Exercício:

Use a tag de comentário HTML para fazer um comentário a partir do texto "Este é um comentário".

<h1>Este é um título</h1>
Este é um comentário
<p>Este é um parágrafo.</p>