Icons sind eine gute Möglichkeit, deine Texte optisch aufzuwerten oder leichter lesbar zu machen. Gerade bei Online-Kursen ist dies interessant - vor allem wenn du immer wiederkehrende Elemente nutzt z.B. für Hinweise, Aufgaben, Fragen etc.
Hier ein Beispiel:
Dafür kannst du die freien Icons von https://fontawesome.com/icons?d=gallery nutzen.
Nutzt du immer wieder bestimmte Icons, solltest du dir ein internes Dokument mit der Codeliste anlegen, auf das du schnell Zugriff hast.
Anleitung
- Suche dir ein freies Icon von der Webseite aus, welches du nutzen möchtest.
- Kopiere den Code für das Icon in die Zwischenablage.
- Öffne den HTML-Bereich im Editor über das Symbol </>
- Füge den Code im HTML-Bereich des Editors ein
z.B. <i class="far fa-hand-point-right"></i> - Ändere den Code von "far" auf "fa". -> <i class="fa fa-hand-point-right"></i>
- Wechsele über das Symbol </> wieder zurück in den Ansichtsmodus des Editors, damit du
a) die Änderungen siehst und
b) diese auch gespeichert werden.
Und schon ist das Icon eingebunden.
Hinweis: Teste bitte, ob das von dir gewählte Icon auch funktioniert. Manche Icons stehen dir nur in der bezahlten Version Pro von Fontawesome zur Verfügung.