2 - introdução ao desenvolvimento web - conteúdos html
TRANSCRIPT
HTMLA alma da internet
Prof. Mauro Duarte
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
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
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.
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.
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
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.
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.