Caso precise de ajuda para criar o CSS do botão, siga os passos

Transcrição

Caso precise de ajuda para criar o CSS do botão, siga os passos
Caso
Caso precise
precise de
de ajuda
ajuda para
para
criar
criar oo CSS
CSS do
do botão,
botão,
siga
siga os
os passos
passos das
das
próximas
próximas páginas.
páginas.
Nesta
Nestaparte
partevocê
vocêpoderá
poderáver
ver
como
comoficará
ficaráooestilo
estilo
de
deseus
seusbotões
botõesHTML.
HTML.
Aqui
Aquivocê
vocêpoderá
poderámodificar
modificaras
as
cores
coreseeoutros
outrosatributos
atributosde
de
seus
seusbotões
botõesHTML.
HTML.
Quando
Quandotudo
tudoestiver
estivercomo
comodesejado,
desejado,
copie
os
códigos
HTML
e
copie os códigos HTML eCSS
CSS
das
caixas
ao
lado.
das caixas ao lado.
Elas
deverão
Elas deverãoser
sercoladas
coladasno
no
código
do
programa
do
Arduino
depois.
código do programa do Arduino depois.
Caso
Caso precise
precise de
de ajuda
ajuda para
para
inserir
inserir oo código
código CSS
CSS no
no
código
código do
do Arduino,
Arduino,
siga
siga os
os passos
passos
das
das próximas
próximas páginas.
páginas.
Primeiro,
Primeiro,éénecessário
necessáriodar
darprintln
println
na
natag
tag<head>
<head>(“abrir
(“abriraatag”)
tag”)
Depois,
Depois,deve-se
deve-seabrir
abriraatag
tag<style>,
<style>,
do
domodo
modoque
queestá
estána
naimagem.
imagem.
Agora,
Agora,todo
todooocódigo
códigocopiado
copiado
quando
o
CSS
foi
criado
quando o CSS foi criadodeve
deve
ser
copiado
aqui,
tendo
o
cuidado
ser copiado aqui, tendo o cuidado
De
Desempre
sempreterminar
terminaruma
umalinha
linhacom
com
OOfim
de
uma
linha
de
código
do
fim de uma linha de código doCSS
CSS
(nunca
termine
a
linha
no
meio
(nunca termine a linha no meio
de
deum
umcomando
comandoCSS)
CSS)
Por
Porfim,
fim,após
apóstodo
todooocódigo
códigoCSS
CSS
copiado,
copiado,feche
fecheaatag
tag</style>
</style>
eeaatag
tag</head>.
</head>.
Caso
Caso precise
precise de
de ajuda
ajuda para
para
inserir
inserir oo código
código HTML
HTML no
no
código
código do
do Arduino,
Arduino,
siga
siga oo passo
passo
da
da próxima
próxima página.
página.
Para
Paraadicionar
adicionaroobotão,
botão,use
useoo
Código
CódigoHTML
HTMLcopiado
copiadomudando
mudandooo
Valor
Valorque
queestava
estavaentre
entreaaabertura
abertura
EEoofechamento
da
tag
fechamento da tag
<button>
<button>valor
valor</button>
</button>
(Dica:
a
tag
<a>
deve
(Dica: a tag <a> deveser
serusada
usada
Para
Paraooexercício
exercício33do
doRoteiro
Roteiro11do
do
Nível
NívelAvançado).
Avançado).