SlideShare uma empresa Scribd logo
Ambiente Web
Aula Extra – HTML
Professor: Anderson Henrique
Como funciona a Construção de Sites
Simples
Parte II
O que vamos aprender:


Mudar a cor do fundo



Inserir Imagem no fundo



Trabalhando com Atributos



Inserir Link
Formatação Simples
TAG para mudar a cor do fundo <BGCOLOR=“cor”>
Deve ser inserida dentro da TAG <BODY>
Exemplo: <BODY BGCOLOR=“yellow”>
TAG para inserir uma foto no fundo
<background=“nome. extensão”>

Exemplo: <BODY BACKGROUND=“nome.extensão”>
TAG para inserir uma animação no texto
<MARQUEE>
Deixa o objeto rolando na página
Atributos da TAG Marquee
Direction (direção) UP, Down, Left, Right
Scrolldelay (velocidade em milissegundos), usa-se o
truespeedy para validar o atributo
Exemplo: <MARQUEE direction=“left”
scrolldelay=“45” truespeedy>
Atributos de Movimentos da TAG MARQUEE
Behavior: slide, alternate e scroll

Exemplo: <MARQUEE direction=“left”
scrolldelay=“45” truespeedy
behavior=“alternate”>
TAG para inserir LINK no site é
<A HREF=“nomepagina.extensão”>
Atributos da TAG LINK
<TARGET> é o destino, onde será aberto a
nova página
Opções: blank, self
Exemplo: <A HREF=“index2.html
Target=“blank”>nome do link</A>
Atividade


Construir um site simples utilizando a
linguagem HTML falando sobre você,
quem é você, o que gosta de fazer, onde
estuda, onde mora, qual a carreira
profissional que você pretende seguir;



Salvar este site, sentando em dupla deve
conter informações sobre os 02 alunos;

Mais conteúdo relacionado

PPTX
Sistemas operacionais (extra ii)
PPTX
Ambiente web (extra ii)
PPT
aula 02 - WordPress
PPT
aula 03 - WordPress
PPTX
PPTX
PDF
Tutorial de wix.com
Sistemas operacionais (extra ii)
Ambiente web (extra ii)
aula 02 - WordPress
aula 03 - WordPress
Tutorial de wix.com

Semelhante a Web09 ambiente web (extra ii) (20)

PPTX
Sistemas operacionais (extra ii)
PPTX
Web08 ambiente web (extra)
PPTX
Ambiente web (extra)
PDF
Apostila de Html - Marcos Rogério Fernandes
PDF
Apostila Html completa e simples
PDF
Html - Apostila
PDF
Apostila HTML
PDF
Apostila+de+html
PDF
Html+para+iniciantes
PDF
HyperText Markup Language
PDF
PDF
HTML
PPTX
Sistemas operacionais (extra)
PPTX
Sistemas operacionais (extra)
PDF
Apostila de HTML para iniciantes
PDF
Html5 em 15 minutos
PPTX
Tags HTML
PDF
PDF
Apostila html / css
Sistemas operacionais (extra ii)
Web08 ambiente web (extra)
Ambiente web (extra)
Apostila de Html - Marcos Rogério Fernandes
Apostila Html completa e simples
Html - Apostila
Apostila HTML
Apostila+de+html
Html+para+iniciantes
HyperText Markup Language
HTML
Sistemas operacionais (extra)
Sistemas operacionais (extra)
Apostila de HTML para iniciantes
Html5 em 15 minutos
Tags HTML
Apostila html / css
Anúncio

Mais de Anderson Henrique (20)

PPTX
Sistemas operacionais aulas 14 e 15
PPTX
Sistemas operacionais aula 13
PPTX
Sistemas operacionais aula 12
PPTX
Sistemas operacionais aula 11
PPTX
Sistemas operacionais aula 10
PPTX
Sistemas operacionais aula 09
PPTX
Sistemas operacionais Aula 08
PPTX
Sistemas operacionais 07
PPTX
Sistemas operacionais 06
PPTX
Sistemas operacionais 05
PPTX
Sistemas operacionais 04
PPTX
Sistemas operacionais 03
PPTX
Sistemas Cadastro
PPTX
Sistemas operacionais cadastro
PPTX
Sistemas operacionais 02
PPTX
Sistemas operacionais
Sistemas operacionais aulas 14 e 15
Sistemas operacionais aula 13
Sistemas operacionais aula 12
Sistemas operacionais aula 11
Sistemas operacionais aula 10
Sistemas operacionais aula 09
Sistemas operacionais Aula 08
Sistemas operacionais 07
Sistemas operacionais 06
Sistemas operacionais 05
Sistemas operacionais 04
Sistemas operacionais 03
Sistemas Cadastro
Sistemas operacionais cadastro
Sistemas operacionais 02
Sistemas operacionais
Anúncio

Web09 ambiente web (extra ii)

  • 1. Ambiente Web Aula Extra – HTML Professor: Anderson Henrique Como funciona a Construção de Sites Simples Parte II
  • 2. O que vamos aprender:  Mudar a cor do fundo  Inserir Imagem no fundo  Trabalhando com Atributos  Inserir Link
  • 3. Formatação Simples TAG para mudar a cor do fundo <BGCOLOR=“cor”> Deve ser inserida dentro da TAG <BODY> Exemplo: <BODY BGCOLOR=“yellow”> TAG para inserir uma foto no fundo <background=“nome. extensão”> Exemplo: <BODY BACKGROUND=“nome.extensão”>
  • 4. TAG para inserir uma animação no texto <MARQUEE> Deixa o objeto rolando na página Atributos da TAG Marquee Direction (direção) UP, Down, Left, Right Scrolldelay (velocidade em milissegundos), usa-se o truespeedy para validar o atributo Exemplo: <MARQUEE direction=“left” scrolldelay=“45” truespeedy>
  • 5. Atributos de Movimentos da TAG MARQUEE Behavior: slide, alternate e scroll Exemplo: <MARQUEE direction=“left” scrolldelay=“45” truespeedy behavior=“alternate”> TAG para inserir LINK no site é <A HREF=“nomepagina.extensão”>
  • 6. Atributos da TAG LINK <TARGET> é o destino, onde será aberto a nova página Opções: blank, self Exemplo: <A HREF=“index2.html Target=“blank”>nome do link</A>
  • 7. Atividade  Construir um site simples utilizando a linguagem HTML falando sobre você, quem é você, o que gosta de fazer, onde estuda, onde mora, qual a carreira profissional que você pretende seguir;  Salvar este site, sentando em dupla deve conter informações sobre os 02 alunos;