Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- e1:html_syntax [2017/07/03 08:44] – admin03
+++ e1:html_syntax [2017/07/03 08:45] (aktuell) – admin03
@@ Zeile 15: / Zeile 15: @@
 angegeben wird.
   - Beispiel: Definition von Verweisen <code><a href="http://www.tagesschau.de/">ARD Tagesschau</a> </code>Das HTML-Element a (engl. anchor, Anker) wird zum Definieren von Verweisen benutzt. Über das Attribut href (engl. hypertext reference) gibt man das Ziel des Verweises an. Der Attributwert >http://www.tagesschau.de ist eine Web-Adresse.
-  - Beispiel: Einbindung von Bildern <code><img src="tanzmaus.gif" width="368" height="383" alt="Tanzmaus"></code> Mit dem <img>-Element wird ein Bild eingebunden. Das Attribut src (engl. Source, Quelle) gibt den
+  - Beispiel: Einbindung von Bildern <code><img src="tanzmaus.gif" width="368" height="383" alt="Tanzmaus"></code> Mit dem <img>-Element wird ein Bild eingebunden. Das Attribut src (engl. Source, Quelle) gibt den Dateinamen des Bildes an. Das Attribut width hat den Attributwert 368, das Attribut height den Attributwert 383. Mit diesen beiden Attributen wird die Bildgröße angegeben. Über das Attribut alt wird angegeben, dass alternativ zum Bild der Text Tanzmaus ausgegeben wird (wichtig für sehbehinderte Menschen). Das img-Element ist ein leeres Element, das keinen Inhalt hat und daher nicht mit </img> abgeschlossen wird.
-Dateinamen des Bildes an. Das Attribut width hat den Attributwert 368, das Attribut height den Attributwert
-. Mit diesen beiden Attributen wird die Bildgröße angegeben. Über das Attribut alt wird
-angegeben, dass alternativ zum Bild der Text Tanzmaus ausgegeben wird (wichtig für sehbehinderte
-Menschen). Das img-Element ist ein leeres Element, das keinen Inhalt hat und daher nicht mit </img>
-abgeschlossen wird.
 Allgemein sind also HTLM-Elemente wie folgt aufgebaut:
 <name attribut1=”wert1” attribut2=”wert2” …> Inhalt </name> bzw.
@@ Zeile 26: / Zeile 22: @@
 Das folgende Syntaxdiagramm zeigt die Syntax eines HTML-Elements in grafischer Form:
 {{ :e1:syntax.png?600 |}}
+====== Aufgabe ======
+  - Nummerierter Listenpunkt Jedes Wissensgebiet wird durch eigene Fachbegriffe beschrieben. Mit welchen Fachbegriffen wird die Syntax von HTML-Dokumenten beschrieben?
+  - Analysiere und beschreibe den Aufbau des Syntaxdiagramms.
+  - Erweitere das Syntaxdiagramm so, dass auch leere HTML-Elemente und Attribute ohne Attributwerte erfasst werden.