Boa noite gente, dando seguimento ao projeto que tenho fiz uma pequena página HTML, porém quando jogo no Arduino ele não reconhece e da erros em várias partes, porém ainda não entendi como funciona esta parte HTML no Arduino, segue abaixo o página quem puder me ajudar agradeço.
client.println("<html>"); //Início do código HTML
client.println("<h1>"); //Inicio do cabeçalho H1
client.println (<title>Renatinho</title>
<style type="text/css">
* {
font-family: Helvetica, Arial, sans-serif;
}
.container {
display: table; vertical-align: middle; text-align: center; width: 100%; padding-top: 30px;
}
.box {
background: grey; display: inline-block; margin: auto; padding: 20px 50px; border: 1px solid green; box-shadow: 0px 1px 5px red; border-radius: 8px;
}
.box h1 {
padding-top: 0; margin-top: 0; font-size: 20px;
}
.box p {
white-space: nowrap; cursor: pointer;
}
.on, .off {
display: inline-block; background: url("button.png") no-repeat; width: 38px; height: 17px; cursor: pointer; margin: 5px; position: relative;
}
.on em, .off em {
position: absolute; font-size: 10px; color: green; font-weight: bold; font-style: normal; top: 23px; left: 0; width: 100%; text-align: center;
}
.on {
background-position: 0 -17px;
}
.off {
background-position: 0 0;
}
.statusON, .statusOFF {
width: 54px; height: 56px; background: url("button.png") no-repeat -92px 0; margin: 35px auto 10px;
}
.statusOFF {
background-position: -38px 0;
}
</style>
</head>
<body>
<div class="container">
<div class="box">
<h1>Renatinho</h1>
<p>
<span class="on"> <!--A classe desse span pode ser "on" ou "off"-->
<em>Rele 1</em>
</span>
<span class="on"> <!--A classe desse span pode ser "on" ou "off"-->
<em>Rele 2</em>
</span>
<span class="off"> <!--A classe desse span pode ser "on" ou "off"-->
<em>Rele 3</em>
</span>
<span class="off"> <!--A classe desse span pode ser "on" ou "off"-->
<em>Rele 4</em>
</span>
</p>
<div class="statusON"></div> <!--A classe dessa div pode ser "statusON" ou "statusOFF"-->
</div>
</div>
</body>
);
Tags:
Bem provável que o erro está nas aspas do HTML.
Tem que escapá-las, tipo, ao invés de " tem quer ser \" pra ele saber que as aspas nao fazem parte da sintaxe do código
----
Ah, tenta colocar uma aspas simples antes e depois do código.
Tipo:
client.println ('
CÓDIGO TODO AQUI
');
Vlw Caique, vou testar e posto aqui o resultado
Caique,
Algumas coisas resolveram com as aspas, mas mesmo assim ainda da alguns erros, HTML não é meu forte definitivamente !! hahahaha
Pode dizer os erros ou tirar print?
Primeiro eu fiz só um pedaço do código, e ele não reconheceu, quando eu acessei o IP do Arduino ele jogou na tela exatamente os códigos ao invés do texto formatado.
Falta a tag <head>
voce fecha ela mas nao abre
Olá, Renato, poste o seu código completo, talvez eu possa te ajudar.
Eu fiz uns testes a um tempo atrás com arduino e html puro e funcionou certinho e realmente tem umas manhas na hr de enviar alguns comandos.
Rele 1
Rele 2
Rele 3
Rele 4
Bem-vindo a
Laboratorio de Garagem (arduino, eletrônica, robotica, hacking)
© 2024 Criado por Marcelo Rodrigues. Ativado por