HTML
A alma da internet
Prof. Mauro Duarte
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
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
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.
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.
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
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.
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.

2 si introdução ao desenvolvimento web - conteúdos html

  • 1.
    HTML A alma dainternet Prof. Mauro Duarte
  • 2.
    03/03/15 Conteúdos do siteTítulos ... <body> <h1>Titulo1</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>Ea 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>Ea 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>Ea 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>OSr 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>OSrWhite 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.