Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br)

HTML – Formatação básica Quebras de linha <br>

Primeira linha<br>Segunda linha A segunda linha ficará logo abaixo da

primeira Parágrafos

<p>Primeiro parágrafo</p><p>Segundo parágrafo</p> A tag <p> insere uma linha de espaço

acima e uma linha de espaço abaixo do texto modificado.

Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br)

HTML – Formatação básica Formatos de títulos <h1>...<h6>

<h1>título tamanho 1 (maior)</h1><h2>título tamanho 2 (2º maior)</h2><h6>título tamanho 6 (menor)</h6> As tags de cabeçalho enfatizam o texto.

Comentários <!-- --><!-- Esse trecho é um comentário --> Os comentários não aparecem no

navegador.

Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br)

HTML – Formatação básica Estilo físico

<b>texto em negrito</b>

<u>texto sublinhado</u>

<i>texto em itálico</i>

<tt>texto tipificado</tt>

<s>texto riscado</s>

<big>texto maior</big>

<small>texto menor</small>

_{texto subscrito}

^{texto sobrescrito}

Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br)

HTML – Formatação básica Estilo lógico

<em>texto enfatizado</em>

<strong>maior ênfase</strong>

<code>trecho de código</code>

<samp>texto de amostra</samp>

<kbd>texto a ser digitado</kbd>

<var>variável</var>

<dfn>indica definição</dfn>

<cite>indica uma pequena citação</cite>

Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br)

HTML – Formatação básica Texto pré-formatado

Mantém o espaçamento inserido no código-fonte HTML

<pre>Os espaços são considerados pelo navegador.

</pre> Régua horizontal

Cria uma linha horizontal na página<hr align=“center” size=“2” width=“90%” noshade>

Citações<blockquote>

Texto será mostrado como uma citação</blockquote>