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).