Benutzer-Werkzeuge

Webseiten-Werkzeuge


html:formatierungen

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
html:formatierungen [2020/11/30 13:39] – [Sonderzeichen] lutzhtml:formatierungen [2024/01/09 12:23] (aktuell) – [Aufgaben] lutz
Zeile 1: Zeile 1:
 ======Einfache Formatierungen====== ======Einfache Formatierungen======
  
----Video---+{{youtube>AZ-5yYbrMV4}} 
 + 
 +\\
  
 Wie man in dem Video sehen konnte, benötigt man in HTML Formatierungsbefehle, die das Aussehen einer Seite bestimmen. Wir wollen an dieser Stelle einige einfache Formatierungsmöglichkeiten kennen lernen. Komplexere Formatierungen sind dann mit der Sprache CSS möglich. Bisher kennen wir bereits: Wie man in dem Video sehen konnte, benötigt man in HTML Formatierungsbefehle, die das Aussehen einer Seite bestimmen. Wir wollen an dieser Stelle einige einfache Formatierungsmöglichkeiten kennen lernen. Komplexere Formatierungen sind dann mit der Sprache CSS möglich. Bisher kennen wir bereits:
 +
 +\\
  
 ^ Befehl ^ Wirkung ^ ^ Befehl ^ Wirkung ^
Zeile 45: Zeile 49:
 =====Sonderzeichen===== =====Sonderzeichen=====
  
-Wenn eine Internetseite nach dem neuen Standard HTML5 aufgebaut ist, sollten alle Sonderzeichen richtig interpretiert werden. Für den Fall, da +Wenn eine Internetseite nach dem neuen Standard HTML5 aufgebaut ist, sollten alle Sonderzeichen richtig interpretiert werden. Für den Fall, dass dies einmal nicht so ist, sollen hier der Vollständigkeit halber die alten Codierungen für die deutschen Umlaute und das ß dargestellt werden.
-| ä | ''%%ä%%'' |ss dies einmal nicht so ist, sollen hier der Vollständigkeit halber die alten Codierungen für die deutschen Umlaute und das ß dargestellt werden.+
  
 ^ Zeichen ^ Codierung ^ ^ Zeichen ^ Codierung ^
Zeile 56: Zeile 59:
 | Ü | ''%%Ü%%'' | | Ü | ''%%Ü%%'' |
 | ß | ''%%ß%%'' | | ß | ''%%ß%%'' |
 +
 +=====Video=====
 +
 +Hier werden die beschriebenen Formatierungen nochmal in einem Video vorgestellt.
 +
 +{{youtube>tlx2ea1mP48}}
 +=====Aufgaben=====
 +
 +**Aufgabe 1**
 +
 +Programmiere eine HTML-Seite entsprechend der Vorlage! (Klicke auf das Bild, um es zu vergrößern.)
 +
 +{{ :html:format3.png?600 |}}
 +
 +[[html:listen| >> Listen]]
 +
 +<!-- ~~DISCUSSION | Hier können Fragen zum Inhalt der Seite gestellt werden. ~~ -->
html/formatierungen.1606739947.txt.gz · Zuletzt geändert: 2020/11/30 13:39 von lutz