<article>
 <div class="article-paragraph">
  Comentários são trechos do código que o computador irá ignorar, eles servem única e exclusivamente para outras pessoas (ou nós mesmos) lerem. Para criar um comentário no HTML usamos &lt;!-- para iniciar e --&gt; para encerrar o comentário:
 </div>
 <div class="article-code">
  <pre><code class="language-html">&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Comentários no HTML&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;!-- Esta é uma seção de cabeçalho --&gt;
	&lt;h1&gt;Exemplo de Uso de Comentários&lt;/h1&gt;
	&lt;p&gt;Bem-vindo ao nosso site!&lt;/p&gt;

	&lt;!-- Esta é uma seção de conteúdo principal --&gt;
	&lt;h2&gt;Comentários em HTML&lt;/h2&gt;
	&lt;p&gt;Comentários em HTML são trechos de texto que não são exibidos no navegador.&lt;/p&gt;

	&lt;!-- Exemplo de comentário dentro de um parágrafo --&gt;
	&lt;p&gt;Normalmente, os comentários são usados para fazer anotações ou explicar o código.&lt;/p&gt;

	&lt;!--
		Exemplo de comentário de múltiplas linhas.
		Este é um comentário mais longo que abrange várias linhas.
	--&gt;

	&lt;h2&gt;Exemplo de Uso&lt;/h2&gt;
	&lt;p&gt;Comentários podem ser usados para esconder temporariamente partes do código:&lt;/p&gt;

	&lt;!--
	&lt;p&gt;Este parágrafo está comentado e não será exibido no navegador.&lt;/p&gt;
	&lt;p&gt;Comentários são úteis para depuração e desenvolvimento.&lt;/p&gt;
	--&gt;

	&lt;p&gt;Descomente o parágrafo acima para vê-lo novamente no navegador.&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;</code></pre>
 </div>
</article>