Um ein gültiges HTML oder CSS-Dokument zu erstellen, braucht man einen Editor – im Folgenden gibt es eine Auswahl an kostenlosen Programmen, die zum Editieren eines Dokumentes geeignet sind.

• Notepad++ → hier downloaden (Windows only)
• Brackets → hier downloaden (Windows, Mac OS, Linux)
• Atom → hier downloaden (Windows, Mac OS, Linux)
  • mit integrierter Git-Versionverwaltung und Paketmanager apm

Um ein neues HTML- oder CSS-Dokument im Editor zu erstellen, muss man die Auszeichnungs- oder Skriptsprache einstellen und das Dokument in dem jeweiligen Format abspeichern.
Damit werden auch bestimmte farbliche Vorhebungen der Syntax und die automatische Vervollständigung des Codes ermöglicht.

Hier findet ihr die jeweiligen Einstellungen für Notepad, Brackets und Atom.

Notepad++

Unter dem Menüpunkt Sprache die gewünschte Auszeichnungssprache auswählen und beim Abspeichern der Datei auf den entsprechenden Suffix / ausgewählten Dateityp achten bzw. ändern.

 

Brackets

Nach dem Speichern des Dokuments mit passendem Suffix kann man unter dem Feld Text im unteren rechten Bereich des Fensters die gewünschte Sprache auswählen.

 

Atom

Edit →  Select Grammar. Beim Speichern der Datei (unter File → Save) das richtige Suffix hinzufügen.