SlideShare uma empresa Scribd logo
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.

Mais conteúdo relacionado

ODP
2 - Introdução ao Desenvolvimento Web - Conteúdos HTML
PPT
Aula 2 internet
PDF
SUIT CSS como padrão de escrita de estilos
PPT
PDF
4 si introdução ao desenvolvimento web - formulários (pt 1)
PDF
1 si introdução ao desenvolvimento web - estrutura básica
PDF
0 si apresentação de introdução ao desenvolvimento web
2 - Introdução ao Desenvolvimento Web - Conteúdos HTML
Aula 2 internet
SUIT CSS como padrão de escrita de estilos
4 si introdução ao desenvolvimento web - formulários (pt 1)
1 si introdução ao desenvolvimento web - estrutura básica
0 si apresentação de introdução ao desenvolvimento web

Último (12)

PPTX
Analise Estatica de Compiladores para criar uma nova LP
PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PPTX
Utilizando code blockes por andre backes
PDF
Manejo integrado de pragas na cultura do algodão
PDF
Processos no SAP Extended Warehouse Management, EWM100 Col26
PPT
Conceitos básicos de Redes Neurais Artificiais
PPTX
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
PPTX
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PDF
Jira Software projetos completos com scrum
PPTX
Tipos de servidor em redes de computador.pptx
Analise Estatica de Compiladores para criar uma nova LP
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Utilizando code blockes por andre backes
Manejo integrado de pragas na cultura do algodão
Processos no SAP Extended Warehouse Management, EWM100 Col26
Conceitos básicos de Redes Neurais Artificiais
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Viasol Energia Solar -Soluções para geração e economia de energia
Jira Software projetos completos com scrum
Tipos de servidor em redes de computador.pptx
Anúncio
Anúncio

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

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