e1:html_syntax

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
e1:html_syntax [2017/07/03 08:44] admin03e1:html_syntax [2017/07/03 08:45] (aktuell) admin03
Zeile 16: Zeile 16:
   - 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.
Zeile 22: Zeile 22:
 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.
  • /var/www/infowiki/data/attic/e1/html_syntax.1499071464.txt.gz
  • Zuletzt geändert: 2017/07/03 08:44
  • von admin03