O documento apresenta diferentes tags HTML usadas para formatar texto, incluindo tags para títulos (<h1>-<h6>), parágrafos (<p>), quebras de linha (<br>), negrito (<b>), subscrito e supracrito (<sub>, <sup>), marcação (<mark>), inserção (<ins>) e exclusão (<del>).
2. 23/02/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. 23/02/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. 23/02/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. 23/02/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. 23/02/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: C10
H15
N
● A tag <sup> formata parte do texto para
sobretexto como em: 150m3
7. 23/02/15
Conteúdos do site
<mark>
...
<body>
<p>O Sr White 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. 23/02/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.