SlideShare ist ein Scribd-Unternehmen logo
1 von 8
Downloaden Sie, um offline zu lesen
HTML
A alma da internet
Prof. Mauro Duarte
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
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: C10
H15
N
● 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>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.

Weitere ähnliche Inhalte

Ähnlich wie 2 - Introdução ao Desenvolvimento Web - Conteúdos HTML

HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)ElsaValada
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLguest6aa5a1b
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLguest975dcd
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLguest6aa5a1b
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLguest1377881
 

Ähnlich wie 2 - Introdução ao Desenvolvimento Web - Conteúdos HTML (6)

HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
 
Manual HTML
Manual HTMLManual HTML
Manual HTML
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
 

Mehr von Mauro Duarte

CSS - Folhas de Estilo em Cascata
CSS - Folhas de Estilo em Cascata CSS - Folhas de Estilo em Cascata
CSS - Folhas de Estilo em Cascata Mauro Duarte
 
7 - Introdução ao desenvolvimento web - mídias
7 - Introdução ao desenvolvimento web - mídias7 - Introdução ao desenvolvimento web - mídias
7 - Introdução ao desenvolvimento web - mídiasMauro Duarte
 
01 Desenvolvimento em Redes de Computadores - Comandos Básicos
01   Desenvolvimento em Redes de Computadores - Comandos Básicos01   Desenvolvimento em Redes de Computadores - Comandos Básicos
01 Desenvolvimento em Redes de Computadores - Comandos BásicosMauro Duarte
 
00 apresentação desenvolvimento em redes de computadores
00   apresentação desenvolvimento em redes de computadores00   apresentação desenvolvimento em redes de computadores
00 apresentação desenvolvimento em redes de computadoresMauro Duarte
 
Porque tanta pressa - Caril Borges
Porque tanta pressa - Caril BorgesPorque tanta pressa - Caril Borges
Porque tanta pressa - Caril BorgesMauro Duarte
 
Perdoando como José perdoou - Caril Borges
Perdoando como José perdoou - Caril BorgesPerdoando como José perdoou - Caril Borges
Perdoando como José perdoou - Caril BorgesMauro Duarte
 
Otimistas ou pessimistas - Caril Borges
Otimistas ou pessimistas - Caril BorgesOtimistas ou pessimistas - Caril Borges
Otimistas ou pessimistas - Caril BorgesMauro Duarte
 
Nos importando com o próximo
Nos importando com o próximoNos importando com o próximo
Nos importando com o próximoMauro Duarte
 
Noé não deu desculpas para nao servir a deus
Noé não deu desculpas para nao servir a deusNoé não deu desculpas para nao servir a deus
Noé não deu desculpas para nao servir a deusMauro Duarte
 
Construindo muros ou pontes
Construindo muros ou pontesConstruindo muros ou pontes
Construindo muros ou pontesMauro Duarte
 
A tragédia que virou triunfo
A tragédia que virou triunfoA tragédia que virou triunfo
A tragédia que virou triunfoMauro Duarte
 
Atitudes para os problemas de 2015 - Caril Borges
Atitudes para os problemas de 2015  - Caril BorgesAtitudes para os problemas de 2015  - Caril Borges
Atitudes para os problemas de 2015 - Caril BorgesMauro Duarte
 
As armadilhas de satanás - Caril Borges
As armadilhas de satanás - Caril BorgesAs armadilhas de satanás - Caril Borges
As armadilhas de satanás - Caril BorgesMauro Duarte
 
Otimizando a Produção de WebSites com Joomla
Otimizando a Produção de WebSites com JoomlaOtimizando a Produção de WebSites com Joomla
Otimizando a Produção de WebSites com JoomlaMauro Duarte
 
Ataques de Dicionário com CUPP
Ataques de Dicionário com CUPPAtaques de Dicionário com CUPP
Ataques de Dicionário com CUPPMauro Duarte
 
Automação de Testes Selenium IDE
Automação de Testes Selenium IDEAutomação de Testes Selenium IDE
Automação de Testes Selenium IDEMauro Duarte
 
História Logo Flisol
História Logo Flisol História Logo Flisol
História Logo Flisol Mauro Duarte
 

Mehr von Mauro Duarte (20)

Requsitos
RequsitosRequsitos
Requsitos
 
CSS - Folhas de Estilo em Cascata
CSS - Folhas de Estilo em Cascata CSS - Folhas de Estilo em Cascata
CSS - Folhas de Estilo em Cascata
 
7 - Introdução ao desenvolvimento web - mídias
7 - Introdução ao desenvolvimento web - mídias7 - Introdução ao desenvolvimento web - mídias
7 - Introdução ao desenvolvimento web - mídias
 
Os pássaros
Os pássarosOs pássaros
Os pássaros
 
01 Desenvolvimento em Redes de Computadores - Comandos Básicos
01   Desenvolvimento em Redes de Computadores - Comandos Básicos01   Desenvolvimento em Redes de Computadores - Comandos Básicos
01 Desenvolvimento em Redes de Computadores - Comandos Básicos
 
00 apresentação desenvolvimento em redes de computadores
00   apresentação desenvolvimento em redes de computadores00   apresentação desenvolvimento em redes de computadores
00 apresentação desenvolvimento em redes de computadores
 
Porque tanta pressa - Caril Borges
Porque tanta pressa - Caril BorgesPorque tanta pressa - Caril Borges
Porque tanta pressa - Caril Borges
 
Perdoando como José perdoou - Caril Borges
Perdoando como José perdoou - Caril BorgesPerdoando como José perdoou - Caril Borges
Perdoando como José perdoou - Caril Borges
 
Otimistas ou pessimistas - Caril Borges
Otimistas ou pessimistas - Caril BorgesOtimistas ou pessimistas - Caril Borges
Otimistas ou pessimistas - Caril Borges
 
Nos importando com o próximo
Nos importando com o próximoNos importando com o próximo
Nos importando com o próximo
 
Noé não deu desculpas para nao servir a deus
Noé não deu desculpas para nao servir a deusNoé não deu desculpas para nao servir a deus
Noé não deu desculpas para nao servir a deus
 
Construindo muros ou pontes
Construindo muros ou pontesConstruindo muros ou pontes
Construindo muros ou pontes
 
A tragédia que virou triunfo
A tragédia que virou triunfoA tragédia que virou triunfo
A tragédia que virou triunfo
 
Atitudes para os problemas de 2015 - Caril Borges
Atitudes para os problemas de 2015  - Caril BorgesAtitudes para os problemas de 2015  - Caril Borges
Atitudes para os problemas de 2015 - Caril Borges
 
As armadilhas de satanás - Caril Borges
As armadilhas de satanás - Caril BorgesAs armadilhas de satanás - Caril Borges
As armadilhas de satanás - Caril Borges
 
Otimizando a Produção de WebSites com Joomla
Otimizando a Produção de WebSites com JoomlaOtimizando a Produção de WebSites com Joomla
Otimizando a Produção de WebSites com Joomla
 
Ataques de Dicionário com CUPP
Ataques de Dicionário com CUPPAtaques de Dicionário com CUPP
Ataques de Dicionário com CUPP
 
Automação de Testes Selenium IDE
Automação de Testes Selenium IDEAutomação de Testes Selenium IDE
Automação de Testes Selenium IDE
 
História Logo Flisol
História Logo Flisol História Logo Flisol
História Logo Flisol
 
Web Design Hacker
Web Design HackerWeb Design Hacker
Web Design Hacker
 

2 - Introdução ao Desenvolvimento Web - Conteúdos HTML

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