SlideShare una empresa de Scribd logo
1 de 16
Curtindo um Pagode
A Tag que utilizaremos para inserir uma imagem é <img> .Esta etiqueta não possui seu fechamento correspondente e nela temos de especificar obrigatoriamente o paradeiro de nosso arquivo mediante o atributo src (source).  A sintaxe fica então da seguinte forma:  <img src=&quot;caminho para o arquivo&quot;>
EXEMPLO NA TELA
Curtindo um techno house
Para alinhar uma imagem horizontalmente podemos fazer da mesma forma que o texto, ou seja, utilizando align dentro de uma etiqueta <p> ou <div>. Neste caso, o que incluiremos dentro desta etiqueta será a imagem no lugar do texto:  Este código mostrará a imagem no centro:  <div align=&quot;center&quot;><img src=&quot;logo.gif&quot;></div>
EXEMPLO NA TELA
Curtindo um Heavy Metal
Background O atributo background configura o plano de fundo para uma imagem. O valor do atributo é a URL da imagem que você quer usar. Se a imagem é menor do que a janela do navegador, a imagem será repetida até preencher a janela inteira do navegador. <body background=&quot;clouds.gif“>
EXEMPLO NA TELA
Curtindo um Hip Hop
Para colocar um link, utilizaremos as etiquetas <a> e </a>. Dentro da etiqueta de abertura devemos especificar o destino do link. Este destino será introduzido sob a forma de atributo, no qual leva o nome href.  A sintaxe geral de um link é portanto da seguinte forma:  <a href=&quot;destino&quot;>conteúdo</a>
EXEMPLO NA TELA
Curtindo um  Trance
Para utilizar marquee, simplesmente colocamos dentro da etiqueta os conteúdos que queremos que se movam, já sejam texto, imagens ou qualquer outro tipo de conteúdo. Algo como isto:  < marquee>texto que se move</marquee>
EXEMPLO NA TELA
DEVER DE CASA Desenhe Seus Sites

Más contenido relacionado

La actualidad más candente

La actualidad más candente (7)

Aula 02
Aula 02Aula 02
Aula 02
 
Aula 04
Aula 04Aula 04
Aula 04
 
Aula02
Aula02Aula02
Aula02
 
Como Ranquear seu Artigo na 1ª Página do Google
Como Ranquear seu Artigo na 1ª Página do GoogleComo Ranquear seu Artigo na 1ª Página do Google
Como Ranquear seu Artigo na 1ª Página do Google
 
Html capitulo 07
Html   capitulo 07Html   capitulo 07
Html capitulo 07
 
Seo Training
Seo Training Seo Training
Seo Training
 
Aula 09
Aula 09Aula 09
Aula 09
 

Destacado (20)

Trançado em fita ano ii n 17#1
Trançado em fita ano ii n 17#1Trançado em fita ano ii n 17#1
Trançado em fita ano ii n 17#1
 
Topfield
TopfieldTopfield
Topfield
 
Satcatcher
SatcatcherSatcatcher
Satcatcher
 
G
GG
G
 
Apresentação Santa Maria Tecnoparque
Apresentação Santa Maria TecnoparqueApresentação Santa Maria Tecnoparque
Apresentação Santa Maria Tecnoparque
 
Inserir elementos no layout no Blogger
Inserir elementos no layout no BloggerInserir elementos no layout no Blogger
Inserir elementos no layout no Blogger
 
Porto seguro plataformas flutuantes
Porto seguro plataformas flutuantesPorto seguro plataformas flutuantes
Porto seguro plataformas flutuantes
 
Promax
PromaxPromax
Promax
 
Animais Em Vias De ExtinçãO
Animais Em Vias De ExtinçãOAnimais Em Vias De ExtinçãO
Animais Em Vias De ExtinçãO
 
Brasil é Off Road
Brasil é Off RoadBrasil é Off Road
Brasil é Off Road
 
WQ – capitalismo e revolução industrial
WQ –  capitalismo e revolução industrialWQ –  capitalismo e revolução industrial
WQ – capitalismo e revolução industrial
 
2014 a prova_1_fase
2014 a prova_1_fase2014 a prova_1_fase
2014 a prova_1_fase
 
45624 centro amp_nbsp_da_amp_nbsp__nbsp_biblia2
45624 centro amp_nbsp_da_amp_nbsp__nbsp_biblia245624 centro amp_nbsp_da_amp_nbsp__nbsp_biblia2
45624 centro amp_nbsp_da_amp_nbsp__nbsp_biblia2
 
Sonho de Maria
Sonho de MariaSonho de Maria
Sonho de Maria
 
Educação e Cibercultura
Educação e CiberculturaEducação e Cibercultura
Educação e Cibercultura
 
Palestra - Capacitação e Atualização ANCP-SAM 2012
Palestra - Capacitação e Atualização ANCP-SAM 2012Palestra - Capacitação e Atualização ANCP-SAM 2012
Palestra - Capacitação e Atualização ANCP-SAM 2012
 
PresentacióN Ufo
PresentacióN UfoPresentacióN Ufo
PresentacióN Ufo
 
Negociação
NegociaçãoNegociação
Negociação
 
Curso Marketing Google
Curso Marketing GoogleCurso Marketing Google
Curso Marketing Google
 
Tarefa 5
Tarefa 5Tarefa 5
Tarefa 5
 

Similar a Aula03 (20)

W3 c
W3 cW3 c
W3 c
 
Html 02
Html 02Html 02
Html 02
 
Xhtml 2011 - atualizado
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
 
Tags HTML
Tags HTMLTags HTML
Tags HTML
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Manual de HTML TIC 2020.pdf
Manual de HTML TIC 2020.pdfManual de HTML TIC 2020.pdf
Manual de HTML TIC 2020.pdf
 
Curso HTML e CSS Part1
Curso HTML e CSS Part1Curso HTML e CSS Part1
Curso HTML e CSS Part1
 
Academia Verão 2011 - HTML
Academia Verão 2011 - HTMLAcademia Verão 2011 - HTML
Academia Verão 2011 - HTML
 
Academia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSSAcademia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSS
 
Aula1
Aula1Aula1
Aula1
 
XHTML, CSS e Semântica
XHTML, CSS e SemânticaXHTML, CSS e Semântica
XHTML, CSS e Semântica
 
Performance e boas_praticas_de_web
Performance e boas_praticas_de_webPerformance e boas_praticas_de_web
Performance e boas_praticas_de_web
 
Aula3
Aula3Aula3
Aula3
 
HTML5?
HTML5?HTML5?
HTML5?
 
01-Introdução HTML - DDW II
01-Introdução HTML - DDW II01-Introdução HTML - DDW II
01-Introdução HTML - DDW II
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
 
Mini curso html5 slides
Mini curso html5   slidesMini curso html5   slides
Mini curso html5 slides
 
Html5
Html5Html5
Html5
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
Curso html
Curso htmlCurso html
Curso html
 

Más de fabricio

Apresentacao_campanha
Apresentacao_campanhaApresentacao_campanha
Apresentacao_campanhafabricio
 
Apresentacao
ApresentacaoApresentacao
Apresentacaofabricio
 
Apresentação da campanha nacional
Apresentação da campanha nacionalApresentação da campanha nacional
Apresentação da campanha nacionalfabricio
 
Histórico campanha e ação nacional
Histórico campanha e ação nacionalHistórico campanha e ação nacional
Histórico campanha e ação nacionalfabricio
 
Agradecimentos à amazonas 2010
Agradecimentos à amazonas 2010Agradecimentos à amazonas 2010
Agradecimentos à amazonas 2010fabricio
 
Geladeiras coelce
Geladeiras coelceGeladeiras coelce
Geladeiras coelcefabricio
 
Dia das crianças opn
Dia das crianças opnDia das crianças opn
Dia das crianças opnfabricio
 
I seminario
I seminarioI seminario
I seminariofabricio
 
Atividades pedagogicas e ludicas
Atividades pedagogicas e ludicasAtividades pedagogicas e ludicas
Atividades pedagogicas e ludicasfabricio
 
Atividades ba rua
Atividades ba ruaAtividades ba rua
Atividades ba ruafabricio
 
Inscrição comdica
Inscrição comdicaInscrição comdica
Inscrição comdicafabricio
 
Certificado de ultilidade pública
Certificado de ultilidade públicaCertificado de ultilidade pública
Certificado de ultilidade públicafabricio
 
Conferência reúne parlamentares em BH e Del. Cavalcante representa a FAEC
Conferência reúne parlamentares em BH e Del. Cavalcante representa a FAECConferência reúne parlamentares em BH e Del. Cavalcante representa a FAEC
Conferência reúne parlamentares em BH e Del. Cavalcante representa a FAECfabricio
 
fotos de amigos
fotos de amigosfotos de amigos
fotos de amigosfabricio
 
Fotos o pequeno nazareno
Fotos o pequeno nazarenoFotos o pequeno nazareno
Fotos o pequeno nazarenofabricio
 
Ata de criação do equeno nazareno fortaleza
Ata de criação do equeno nazareno fortalezaAta de criação do equeno nazareno fortaleza
Ata de criação do equeno nazareno fortalezafabricio
 
Regimento interno
Regimento internoRegimento interno
Regimento internofabricio
 

Más de fabricio (20)

Apresentacao_campanha
Apresentacao_campanhaApresentacao_campanha
Apresentacao_campanha
 
Apresentacao
ApresentacaoApresentacao
Apresentacao
 
Apresentação da campanha nacional
Apresentação da campanha nacionalApresentação da campanha nacional
Apresentação da campanha nacional
 
Histórico campanha e ação nacional
Histórico campanha e ação nacionalHistórico campanha e ação nacional
Histórico campanha e ação nacional
 
Agradecimentos à amazonas 2010
Agradecimentos à amazonas 2010Agradecimentos à amazonas 2010
Agradecimentos à amazonas 2010
 
Aula01
Aula01Aula01
Aula01
 
Geladeiras coelce
Geladeiras coelceGeladeiras coelce
Geladeiras coelce
 
Dia das crianças opn
Dia das crianças opnDia das crianças opn
Dia das crianças opn
 
I seminario
I seminarioI seminario
I seminario
 
Famílias
FamíliasFamílias
Famílias
 
Atividades pedagogicas e ludicas
Atividades pedagogicas e ludicasAtividades pedagogicas e ludicas
Atividades pedagogicas e ludicas
 
Atividades ba rua
Atividades ba ruaAtividades ba rua
Atividades ba rua
 
Inscrição comdica
Inscrição comdicaInscrição comdica
Inscrição comdica
 
Certificado de ultilidade pública
Certificado de ultilidade públicaCertificado de ultilidade pública
Certificado de ultilidade pública
 
Cebas
CebasCebas
Cebas
 
Conferência reúne parlamentares em BH e Del. Cavalcante representa a FAEC
Conferência reúne parlamentares em BH e Del. Cavalcante representa a FAECConferência reúne parlamentares em BH e Del. Cavalcante representa a FAEC
Conferência reúne parlamentares em BH e Del. Cavalcante representa a FAEC
 
fotos de amigos
fotos de amigosfotos de amigos
fotos de amigos
 
Fotos o pequeno nazareno
Fotos o pequeno nazarenoFotos o pequeno nazareno
Fotos o pequeno nazareno
 
Ata de criação do equeno nazareno fortaleza
Ata de criação do equeno nazareno fortalezaAta de criação do equeno nazareno fortaleza
Ata de criação do equeno nazareno fortaleza
 
Regimento interno
Regimento internoRegimento interno
Regimento interno
 

Aula03

  • 2. A Tag que utilizaremos para inserir uma imagem é <img> .Esta etiqueta não possui seu fechamento correspondente e nela temos de especificar obrigatoriamente o paradeiro de nosso arquivo mediante o atributo src (source). A sintaxe fica então da seguinte forma: <img src=&quot;caminho para o arquivo&quot;>
  • 5. Para alinhar uma imagem horizontalmente podemos fazer da mesma forma que o texto, ou seja, utilizando align dentro de uma etiqueta <p> ou <div>. Neste caso, o que incluiremos dentro desta etiqueta será a imagem no lugar do texto: Este código mostrará a imagem no centro: <div align=&quot;center&quot;><img src=&quot;logo.gif&quot;></div>
  • 8. Background O atributo background configura o plano de fundo para uma imagem. O valor do atributo é a URL da imagem que você quer usar. Se a imagem é menor do que a janela do navegador, a imagem será repetida até preencher a janela inteira do navegador. <body background=&quot;clouds.gif“>
  • 11. Para colocar um link, utilizaremos as etiquetas <a> e </a>. Dentro da etiqueta de abertura devemos especificar o destino do link. Este destino será introduzido sob a forma de atributo, no qual leva o nome href. A sintaxe geral de um link é portanto da seguinte forma: <a href=&quot;destino&quot;>conteúdo</a>
  • 13. Curtindo um Trance
  • 14. Para utilizar marquee, simplesmente colocamos dentro da etiqueta os conteúdos que queremos que se movam, já sejam texto, imagens ou qualquer outro tipo de conteúdo. Algo como isto: < marquee>texto que se move</marquee>
  • 16. DEVER DE CASA Desenhe Seus Sites