Stap 2: HTML
De demo-tekstbestanden voor het genereren van HTML vindt u hieronder. Er zijn drie bestanden, met twee van hen (besturingselement1 en besturingselement2) zijn de pagina's die uit bestand ESP8266 besturingselementen geselecteerd kunnen krijgen. Ik stel het op deze manier zodat is het gemakkelijk om meer ESP8266 knooppunten toevoegen aan het netwerk. Kopieer een van de bestanden, wijzigen voor de nieuwe toepassing, en ervoor te zorgen dat u het poortnummer in de code wijzigen. Voegt een nieuwe lijn van code aan het bestand van de ESP8266 besturingselementen verwijzen naar het nieuwe Controlx bestand. Het is echt zo eenvoudig.
Als u openen en wijzigen van de tekstbestanden moet u een elementaire teksteditor zoals Kladblok gebruiken in plaats van een opmaak editor zoals WordPad. Voordat ze kunnen worden gebruikt voor het maken van een webpagina, wordt de tekstbestanden moeten worden geconverteerd naar HTML-bestanden. Om dat te doen, gewoon open het tekstbestand, kies "Opslaan als", "Bestandstype" wijzigen in "Alle bestanden" en ".htm" aan het einde van de bestandsnaam (zonder de aanhalingstekens) toevoegen. Dat is allen daar is aan het.
OK, dus laten we eens een kijkje op de bestanden. De eerste, in de schermafdruk hierboven getoond is ESP8266 Controls.htm. Het DOCTYPE en de richtlijnen van de HTML-openen/sluiten zijn standaard spullen voor elke webpagina. De titel regel laat ons toe om welke tekst wij wilt weergeven op het tabblad boven aan de webpagina. Het openen/sluiten lichaam richtlijnen zijn bedoeld om de coderegels bevatten maar dat lijkt niet te worden een harde en snelle eis. Noem het een goede programmering praktijk. Het HREF-opdrachten toevoegen van aanklikbare links naar de webpagina (met de namen "Temperatuur" en "Sprinklers") en route naar de opgegeven koppeling. Als u de HTML-handleiding te lezen kan de koppeling worden een HTML-bestand (zoals we hier hebben), een internetadres (zoals