Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
e1:html_syntax [2017/07/03 08:44] – admin03 | e1:html_syntax [2017/07/03 08:45] (aktuell) – admin03 |
---|
- 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: 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 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. | - 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. |
- | |
Allgemein sind also HTLM-Elemente wie folgt aufgebaut: | Allgemein sind also HTLM-Elemente wie folgt aufgebaut: |
<name attribut1=”wert1” attribut2=”wert2” …> Inhalt </name> bzw. | <name attribut1=”wert1” attribut2=”wert2” …> Inhalt </name> bzw. |
Das folgende Syntaxdiagramm zeigt die Syntax eines HTML-Elements in grafischer Form: | Das folgende Syntaxdiagramm zeigt die Syntax eines HTML-Elements in grafischer Form: |
{{ :e1:syntax.png?600 |}} | {{ :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. |