Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- htmlcss:html_css_lektion_06 [31.08.2014 11:32] – Stefan Gaum
+++ htmlcss:html_css_lektion_06 [24.10.2014 13:24] (aktuell) – Stefan Gaum
@@ Zeile 9: / Zeile 9: @@
 {{  :work.png|}}
-===== Übung =====
+===== Übung 8 =====
-  - Teste folgende Beispiele selbst aus, um zu erkennen, wie ''div'' und ''span'' funktionieren. Dir wird dann sicher auch bewusst, was mit //Block-Element// bzw. mit //Inline-Element// gemeint ist.
+  * Teste folgende Beispiele selbst aus, um zu erkennen, wie ''div'' und ''span'' funktionieren. Dir wird dann sicher auch bewusst, was mit //Block-Element// bzw. mit //Inline-Element// gemeint ist.
 **Beispiel: Block-Element DIV**
    <div style="background-color:lightgrey;">
      <h1> Überschrift </h1>
@@ Zeile 21: / Zeile 20: @@
 **Beispiel: Inline-Element SPAN**
+   <p> ein Text mit <span style="background-color:yellow;">Textmarker</span> markiert.</p>
-   <p> ein Text mit <span style="background-color:yellow;">Textmarker</span> markiert.</p>
 <note important>Es ist allerdings unschön, die ''style''-Attribute in HTML zu verwenden, da es dem Prinzip der Trennung von Inhalt und Layout widerspricht. Vgl. [[htmlcss:html_css_lektion_05|=> Übung in Lektion 5]]</note>
-  - Speichere die Datei entsprechend ab, so dass du sie in der nächsten Lektion weiter verwenden kannst.
+  * Speichere die Datei entsprechend ab, so dass du sie in der nächsten Lektion weiter verwenden kannst.
 Im Folgenden werden wir ''style'' nicht weiter verwenden und mit den nun vorgestellten Attributen ''id'' und ''class'' arbeiten.