![Page 1: 2 - Introdução ao Desenvolvimento Web - Conteúdos HTML](https://reader031.vdocuments.mx/reader031/viewer/2022020218/55aca3801a28abb51f8b4636/html5/thumbnails/1.jpg)
HTMLA alma da internet
Prof. Mauro Duarte
![Page 2: 2 - Introdução ao Desenvolvimento Web - Conteúdos HTML](https://reader031.vdocuments.mx/reader031/viewer/2022020218/55aca3801a28abb51f8b4636/html5/thumbnails/2.jpg)
23/02/15
Conteúdos do site Tí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
![Page 3: 2 - Introdução ao Desenvolvimento Web - Conteúdos HTML](https://reader031.vdocuments.mx/reader031/viewer/2022020218/55aca3801a28abb51f8b4636/html5/thumbnails/3.jpg)
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
![Page 4: 2 - Introdução ao Desenvolvimento Web - Conteúdos HTML](https://reader031.vdocuments.mx/reader031/viewer/2022020218/55aca3801a28abb51f8b4636/html5/thumbnails/4.jpg)
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.
![Page 5: 2 - Introdução ao Desenvolvimento Web - Conteúdos HTML](https://reader031.vdocuments.mx/reader031/viewer/2022020218/55aca3801a28abb51f8b4636/html5/thumbnails/5.jpg)
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.
![Page 6: 2 - Introdução ao Desenvolvimento Web - Conteúdos HTML](https://reader031.vdocuments.mx/reader031/viewer/2022020218/55aca3801a28abb51f8b4636/html5/thumbnails/6.jpg)
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: C
10H
15N
● A tag <sup> formata parte do texto para sobretexto como em: 150m3
![Page 7: 2 - Introdução ao Desenvolvimento Web - Conteúdos HTML](https://reader031.vdocuments.mx/reader031/viewer/2022020218/55aca3801a28abb51f8b4636/html5/thumbnails/7.jpg)
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.
![Page 8: 2 - Introdução ao Desenvolvimento Web - Conteúdos HTML](https://reader031.vdocuments.mx/reader031/viewer/2022020218/55aca3801a28abb51f8b4636/html5/thumbnails/8.jpg)
23/02/15
Conteúdos do site<ins><del>
...
<body>
<p>O <del>Sr White</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.