Farbige Schrift bei Webinterface

International Deutsch
1

Hallo Leute,

hat zufällig jemand eine Ahnung wie ich die Schrift im Webinterface farbig bekomme
für diesen Code?

client.println("<H2>(eingeschaltet)</H2>");

Vielen Dank schonmal :slight_smile:

Grüße
Christoph

2

Falls du mit Webinterface eine Website meinst, auf die Content mit dem von dir genannten Code geschrieben wird,
verwende:

client.println("<H2><span style='color: #00FF00;'>(eingeschaltet)</span></H2>");
3

Hallo,

ein bisschen sauberer wäre:

<h2 style="color: red">(eingeschaltet)</h2>

Das ganze nennt sich CSS (Cascading Style Sheets), andere "Elemente" für die Text-/ Überschriftgestaltung sind z.B.:

  • font-size für die Text-Größe
  • text-align für die Ausrichtung
  • font-weight für die Schrift-Art (fett, kursiv, ...)
  • ....
4

Erstmal vielen Dank für die schnelle Antwort!

Die erste Variante funktioniert super und erfüllt eigentlich Ihren Zweck.

Trotzdem würde mich die CSS- Variante auch interessieren,
weil ich teilweise z.B. die Schrift gern größer als H1 hätte...

Kann mir jemand erklären wie das mit CSS funzt, wie kann ich es einbinden?
Brauch ich eine zusätzliche Libary dazu?

Viele Grüße
Christoph

5

Das hat nichts mit Arduino an sich zu tun, sondern mit HTML und Webseiten Gestaltung. Dazu bring es vielleicht was wenn du mal nach einem entsprechenden Tutorial über HTML und CSS suchst.

z.B.:

6

Danke, werds mir mal zu Gemüte führen :slight_smile: