O documento explica as principais tags HTML para formatação de texto, incluindo <h1-h6> para títulos, <p> para parágrafos, <br> para quebras de linha, <b> para negrito, <sub> e <sup> para sub e sobretexto, <mark> para marcação, <ins> para inserção e <del> para exclusão.
2. 03/03/15
Conteúdos do siteTítulos
...
<body>
<h1>Titulo 1</h1>
<h2>Titulo 2</h2>
<h3>Titulo 3</h3>
<h4>Titulo 4</h4>
<h5>Titulo 5</h5>
<h6>Titulo 6</h6>
</body>
● Este conjunto de
tags definem os
diversos tipos de
titulos em um
documento HTML
3. 03/03/15
Conteúdos do site
<p>
...
<body>
<p>E a besta sairá cercada por
uma turva nuvem de
vingança. A Casa dos
descrentes será arrasada e
eles serão queimados na
terra. Suas marcas devem
brilhar até o fim dos dias.</p>
<p>de O Livro de Mozilla,
12:10</p>
</body>
● A tag <p> serve para
indicar parágrafos
dentro de um texto
4. 03/03/15
Conteúdos do site
<br>
...
<body>
<p>E a besta sairá cercada por
uma turva nuvem de vingança.
<br>
A Casa dos descrentes será
arrasada e eles serão
queimados na terra. <br>Suas
marcas devem brilhar até o fim
dos dias.</p>
<p>de O Livro de Mozilla,
12:10</p>
</body>
● A tag <br> serve para
indicar uma parada no
texto, isto é, uma nova
linha no mesmo
parágrafo.
● Note que o
espaçamento é
diferente no navegador.
5. 03/03/15
Conteúdos do site
<b>
...
<body>
<p>E a besta sairá cercada por
uma turva nuvem de vingança.
<br>
A Casa dos descrentes será
arrasada e eles serão queimados
na terra. <br>Suas marcas devem
brilhar até o fim dos dias.</p>
<p>de <b>O Livro de Mozilla</b>,
12:10</p>
</body>
● A tag <b> formata o
texto como Negrito.
6. 03/03/15
Conteúdos do site
<sub><sup>
...
<body>
<p>O Sr White usou um béquer de 10cm<sup>3</sup> para misturar 40ml de
H<sub>2</sub>O com 30ml de C<sub>2</sub> H<sub>6</sub>O</p>
</body>
● A tag <sub> formata parte do texto para
subtexto como em: C10H15N
● A tag <sup> formata parte do texto para
sobretexto como em: 150m3
7. 03/03/15
Conteúdos do site
<mark>
...
<body>
<p>O SrWhite usou um <mark>béquer</mark> de 10cm<sup>3</sup> para misturar 40ml
de H<sub>2</sub>O com 30ml de C<sub>2</sub>H <sub>6</sub>O</p>
</body>
● A tag <mark> formata parte do texto com
marcador, por padrão amarelo.
8. 03/03/15
Conteúdos do site
<ins><del>
...
<body>
<p>O <del>SrWhite</del> <ins>Heisenberg</ins> usou um <mark> béquer
</mark> de 10cm<sup>3</sup> para misturar 40ml de H<sub>2</sub>O com
30ml de C<sub>2</sub>H <sub>6</sub>O</p>
</body>
● A tag <ins> formata parte do texto com
sublinhado.
● A tag <del> formata parte do texto com
tachado.