Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- htmlcss:html_css_lektion_01 [30.08.2014 14:06] – angelegt Stefan Gaum
+++ htmlcss:html_css_lektion_01 [15.02.2016 14:08] (aktuell) – Stefan Gaum
@@ Zeile 3: / Zeile 3: @@
 [[htmlcss:html_css_lektion_00|=> Lektion 0: Servergrundlagen]]
-====== Lektion 1: Erste Schritte in HTML ======
+====== Lektion 1: Einfache Grundlagen und deine erste HTML-Datei ======
 {{  :htmlcss:work_64.png|Arbeitsauftrag}}
@@ Zeile 13: / Zeile 13: @@
   - Welches sind die zwei Ebenen des Webdesigns?
   - Erkläre die Begriffe //Website//, //Webseite// und //Homepage//.
-===== Textauszeichnung mit HTML =====
-  * Mit HTML wird die **inhaltliche Struktur** festgelegt – **nicht das Aussehen/Layout**.
-  * Die Auszeichnung des Inhalts erfolgt in HTML durch Anfangs- und Endmarkierungen (Tags): \\ ''<mstart>auszuzeichnender Text</mende>''
-  * Start-Tag, Inhalt und Ende-Tag bilden ein HTML-Element
-  * Elemente können verschachtelt werden, dürfen sich dabei aber nicht überschneiden.
 ===== Beispieldokument =====
-  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+  <!DOCTYPE html>
-  <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de" >
+  <html lang="de">
     <head>
       <title>Titel der Seite</title>
-      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
+      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
     </head>
     <body>
@@ Zeile 36: / Zeile 29: @@
 {{  :htmlcss:work_64.png|}}
-===== Übung =====
+===== Übung 1 =====
   - Erstelle auf deinem Arbeitsrechner eine html-Datei mit Dokumenttyp-Deklaration, Head und Body, speichere diese als ''vorlage.html'' ab.
   - Öffne die Datei im Editor, ergänze obiges **Hallo-Welt**-Beispiel und betrachte dein Ergebnis in einem Browser.
   - Lade die Datei auf deinen Übungswebspace und öffne die URL deines Webspaces.
-{{  :htmlcss:work_64.png| }}
-===== Übung =====
-Wichtige Strukturelemente für Texte sind:
-  * Überschriften (in verschiedener Ebene)
-  * Absätze
-  * Auflistungen ("Spiegelstriche")
-  * Aufzählungen ("Nummern")
- Finde für jedes Strukturelement heraus, wie die zugehörige HTML Auszeichnung aussieht. Schreibe ein gültiges HTML-Beispieldokument, das alle Auszeichnungen enthält.
 ----
+[[htmlcss:html_css_lektion_02|=> Lektion 2: Tags und weitere Möglichkeiten]]\\
+[[htmlcss:start|=> Übersicht: HTML und CSS]]