0/1 Digitale Transformation (XHTML)!!!!!

Ja, da nicht alle Elemente einen Elementinhalt, Start- und End-Tag haben. Ein Zeilenwechsel <br / > hat beispielsweise keinen Elementinhalt.

Quelle: Das XHTML-Dokument --> Elemente und Tags

Es gibt eine ganze Reihe von Zeichensätzen, die auf dem Computer verwendet werden. Sie unterscheiden sich bspw. in den länderspezischen Sonderzeichen wie Umlaute (A, Ö, Ü, a, ö, ü, à, À ) und Ligaturen (ß) oder besonderen Zeichen (€, & usw.). Damit diese Zeichen auf allen Browsern korrekt angezeigt werden, wird entweder im Dokumentkopf der HTML-Seite der verwendete Zeichensatz (z.B. ISO 8859-1 oder UTF-8) definiert - oder die Sonderzeichen anhand der Ersatzzeichen kodiert.

Weitere Informationen bei Bedarf auf selfhtml.org

Extensible Hypertext Markup Language

Im Dokumenttrumpf werden die Inhalte definiert, die auf der Website angezeigt werden sollen. Dies können Überschriften, Texte, Grafiken, Tabellen, Hyperlinks, … sein.

Quelle: Das Grundgerüst der XHTML-Dokumente --> Dokumentenkopf, Dokumentenrumpf

• hier stehen Informationen, über das aktuelle Dokument, die nicht als Dokumentinhalt angezeigt werden

• z.B. Titel und Schlüsselwörter für Suchmaschinen und Autoren

• Der Dokumentkopf folgt nach dem Wurzelelement < html > und beinhaltet das Element < title >

• Im < title > wird definiert, was in der entsprechenden Registerkarte im Browser stehen soll

Ein Tag ist eine Markierung, die man dazu verwendet, um den Anfang und das Ende eines Elements zu kennzeichnen.

Ein Element besteht aus einem:

• Start-Tag: <Elementname>

• End-Tag: </Elementname>

• Elementinhalt: Inhaltsmodell

Quelle: Das XHTML-Dokument --> Elemente und Tags

Eine Definitionsliste ist eine Liste, deren Listeneinträge aus einer Bezeichnung und deren Beschreibung bestehen. Definitionslisten werden mit dem < dl > - Element dargestellt. In ihr wird die Bezeichnung durch das < dt > - Element und die Beschreibung durch das < dd > - Element dargestellt.

Definition

Um Eigenschaften eines Elements, wie z.B. die Farbe oder Ausrichtung eines Textes zu beschreiben, haben einige Elemente einen Zusatz. Ein sogenanntes Attribut, dem ein Attributwert zugeordnet wird.

Ein Attribut besteht immer aus einem Attributname und einem Attributwert, die im Start-Tag eines Elements stehen.

Ein Element kann mehrere Attribute enthalten, dabei ist die Reihenfolge der Attribute egal. Die Attributwerte werden von doppelten oder einfachen Anführungszeichen eingeschlossen.

<Elementname Attributname=“Attributwert“>Inhaltsmodell</Elementname>

Quelle: Das XHTML-Dokument --> Attribute

Listen, deren Listenpunkte einer bestimmten Reihenfolge angehören, bsp. einer Nummerierung. Geordnete Listen werden mit dem < ol > - Element dargestellt. Auch hier werden die Listenpunkte mit dem < li > - Element abgebildet.

Listen, bei denen jeder Listenpunkt gleichwertig ist und als Symbol dargestellt wird.

Ungeordnete Listen werden mit dem < ul > - Element dargestellt. Zwischen dem öffnenden und schließenden Tag liegen die Listenpunkte, die mit dem Element < li > abgebildet werden.

Verweise dienen dazu, verschiedene XHTML-Dokumente miteinander zu verbinden, sodass beispielsweise eine Homepage mit verschiedenen Unterseiten entsteht.

Quelle: Webseiten mit Verweisen verbinden --> Verweise allgemein

Ein Verweis besteht aus einem < a >-Element und enthält das Attribut href. Als Wert für das href-Attribut wird die URI des gewünschten Verweisziels zugewiesen.

Um auf das Verweisziel zu gelangen, wird hinter einem Text oder einer Grafik ein Link hinterlegt. Der gewünschte Text wird zwischen das geöffnete und geschlossenen < a >- Element geschrieben.

Eine Zeichenreferenz dient der Eingabe von Zeichen, die im Markup an dieser Stelle nicht erlaubt oder im gewählten Zeichenvorrat nicht vorhanden sind.

Eine Zeichenreferenz beginnt mit einem Ampersand (&) und endet mit einem Semikolon (;).

Siehe auch "Zeichenkodierungen".

Die Form der Aufzählungszeichen kann im type-Attribut, sowohl im < ul > - Element. für die ganze Liste, als auch in einzelnen < li > - Elementen definiert werden. Wird keine Form angegeben, erscheinen die Aufzählungszeichen normal.

• "circle": Aufzählungszeichen werden zu nicht ausgefüllten kreisen

• "disc" Aufzählungszeichen werden zu ausgefüllten Kreisen

• "square": Aufzählungszeichen werden zu Rechtecken

Quelle: Listen erstellen --> Ungeordnete Listen

• Die ungeordneten Listen "ul" = unordered list

• Die geordneten Listen "ol" = ordered list

• Die Definitionslisten "dl" = definition list

Quelle: Listen erstellen --> Übersicht

Hier wird bestimmt, welche Auszeichnungssprache (Markup Language) in welcher Version verwendet wird.

• öffentlich verfügbare HTML-Dokumenttyp-Definition (DTD) bezieht

• FDI steht für Formal Public Identifier

• SI steht für Systembezeichner

Quelle: Das Grundgerüst der HTML-Dokumente --> Dokumenttyp-Deklaration

Jede XML-Deklaration beginnt mit der Zeichenfolge <?xml und endet mit ?>. Dazwischen werden die Version, sowie jeweils die Zeichencodierung und die Standalone-Dokumentendeklaration notiert.

<?xml Version Zeichenkodierung Standalone-Dokumentdeklaration ?>

Quelle: Das Grundgerüst der XHTML-Dokumente --> XML-Deklaration

• Ein Element ist eine konkrete Ausprägung eines Elementtyps

• Elementtypen repräsentieren zum Beispiel Absätze, Überschriften oder Tabellen

• Welche Elementtypen es gibt, in welchem Zusammenhang diese verwendet und wie sie verschachtelt werden dürfen, wird in der Dokumenttyp-Definition (DTD) oder im zugehörigen Schema festgelegt

Im Allgemeinen wird ein Element wie folgt definiert:

<Elementname>Inhaltsmodell</Elementname>

Diese Notation wird Tag genannt.

Quelle: Das HTML-Dokument --> Elemente und Tags

1. Die XML-Deklaration, eine Zeile, die unter anderem die XML-Version angibt

2. Die Dokumenttyp-Deklaration, eine Zeile, die den XHTML-Dokumenttyp angibt

3. Einen Dokumentkopf < head >, der den Dokumenttitel und zusätzliche Informationen enthält

4. Einen Dokumentrumpf < body >, der unter anderem den Inhalt des Dokuments enthält, der im Browser dargestellt wird

Quelle: Das Grundgerüst der XHTML-Dokumente

Wenn statt Text die Grafik als Verweis erstellt werden soll, schreibt man statt Text das < img > - Element

Beispiel: < a href=“Unterseite.html“><img src=“Bild.jpg“ alt=“Hier gelangen Sie zur Unterseite!“></a>

Quelle: Webseiten mit Verweisen einbinden --> Verweise kodieren

Der gewünschte Text wird zwischen das geöffnete und geschlossenen < a >-Element geschrieben.

Beispiel: <a href=“Unterseite.html“>Hier gelangen Sie zur Unterseite!</a>

Quelle: Webseiten mit Verweisen einbinden --> Verweise kodieren

• Funktioniert nach dem selben Schema wie bei allen anderen Verweisen

• Hier wird dem href-Attribut die E-Mail-Adresse zugewiesen, dabei steht vor der Adresse der Zusatz „mailto:“

• Zusätzlich muss beachtet werden, ob der Web-Browser das Erstellen und Absenden von E-Mails unterstützt (z.B. Netscape) oder wenn automatisch ein E-Mail-Programm gestartet wird, wie es beim Internet Explorer der Fall ist.

Beispiel:  < a href=mailto: erika.mustermann@email.de>Mailen Sie mir!< /a > 

Grafiken werden mithilfe des Elements < img > in ein XHTML-Dokument eingebunden. Es wird an der Stelle angezeigt, an der es im Quellcode notiert ist. Das < img > Element ist ein Standalone-Tag, also ohne Elementinhalt und ohne End-Tag. Es enthält allerdings Pflichtattribute wie src, alt und optionale Attribute wie width, height oder border.

Mit dem Attribut src, wird der Ort der Bildquelle über ein URI angegeben. Ein URI ist eine Zeichenfolge, die zur Identifizierung einer abstrakten oder physikalischen Ressource dient und ist entweder eine URL, ein URN oder beides.

Mit dem Attribut alt, wird ein Alternativtext angegeben, der dann erscheint, wenn die Grafik nicht angezeigt werden kann.

Mit den Attributen width und height können Breite und Höhe der Grafik definiert werden. Die Werte werden in Prozent oder Pixel eingegeben.

Mit dem Attribut border können Umrandungen eingefügt werden.

Quelle: Grafiken in Webseiten integrieren

• Manuelle Zeilenumbrüche werden mit dem Element < br / > dargestellt und beenden die aktuelle Textzeile

• Es ist ein leeres Element-Tag, besitzt also keinen Elementinhalt

Automatische Zeilenumbrüche können durch < nobr >...< /nobr > unterbunden werden.

Quelle: Texte in XHTML Dokumenten --> Absätze und Zeilenumbrüche formatieren

• Überschriften werden mit den Elementen < h1 > bis < h6 > dargestellt. Diese werden durch unterschiedliche Schriftgrößen in ihrer Ordnung abgestuft.

• < h1 > ist die Hauptüberschrift

• < h2 > Überschrift zweiter Ordnung

• Absätze dienen der Strukturierung eines Textes und werden mit dem Elementtyp <p> dargestellt

• Durch die Attribute align= “left/center/right/justify“ kann die Ausrichtung des gesamten Absatzes definiert werden

Quelle: Texte in XHTML Dokumenten --> Absätze und Zeilenumbrüche formatieren

Beim Schreiben eines XHTML-Dokuments ist es sehr wichtig, dass man jeden Tag, welches man öffnet, auch wieder schließt.

Um Chaos zu vermeiden kann es sinnvoll sein, dass die zusammengehörigen Anfangs- und Endtags mit entsprechenden Einrückungen in einer Vertikalen untereinanderstehen.

Um in XHTML eine Tabelle zu ertsellen, braucht man die Attribute < table >, < tr >, < th > und < td >.

Mit dem < table > - Attribut wird der Container für die Auszeichnung von Tabellen gebildet.

• < tr > Anzahl der Tabellenzeilen

• < td > Anzahl der Spalten innerhalb der Zeile < tr >

• < th > definiert die Kopfinformation, welche in fett gedruckter Schrift angezeicht wird

Quelle: Tabellen erstellen --> Grundlagen

XHTML ist die Standardauszeichnungssprache zum Erstellen von Webseiten

Die Auszeichnungssprache HTML ermöglicht es uns, Informationen im Internet zu präsentieren

Der Quellcode wird durch den Browser interpretiert und uns auf der Website in Form von Grafik und Text angezeigt

XHTML ist die erweiterte Version von HTML und nutzt strengere Syntaxregeln

XHTML-Dokumente bestehen aus einfachen, lesbaren Texten und lassen sich mit jedem textorientierten Editor öffnen und editieren

Beim Speichern muss dem Dateinamen ein .html oder .htm angehängt werden, damit der Computer eine HTML- oder XHTML-Datei generiert

 Quelle: Einleitung --> XHTML Einführung

.htm

Der start tag leitet die Notation eines Elements ein.

Es besteht aus einer öffnenden spitzen klammer, dem elementaren und einer schließenden spitzen klammer

< a href="http://www.wi1.uni-hohenheim.de/" >

Schließt notation eines elements

Es unterscheidet sich vom start tag durch das Ende-Zeichen/.

< /a >

Besteht also immer aus einem Attributnamen und einem Attributwert

Attribute stehen grundsätzlich im start tag eines elements und werden vom elementname durch leerraum( LEERZEICHEN) abgetrennt

href="http://www.wi1.uni-hohenheim.de/"

Wird von einem start tag und einem end tag eingegrenzt

Wirtschaftsinformatik I

Wahr

Falsch

Width oder height oder alt oder src

Src-> mit dem Attribut src, wird der Ort der Bildqualität über ein URI angegeben. Man bestimmt also die gewünschte Grafikdatei

Alt-> Im Attribut alt wird ein alternativstes für den fall angegeben, dass die Grafik nicht angezeigt werden kann

Witdh-> mit diesem Attribut wird die Breite der Grafik angegeben.

height-> mit diesem Attribut wird die Höhe der Grafik angegeben

3

Ungeordnete Listen, geordnete Listen und Definitionslisten

= der container für die Auszeichnung von Tabellen

<table>

= dieses element steht für eine Tabellenzeile

<tr>

= dieses element definiert eine Zeile innerhalb der tabellenzeile, die Kopfinformationen enthält und standardmäßig in fett gedruckter Schrift angezeigt wird

<th>

= dieses element definiert die Zeile innerhalb der tabellenzeile, die andere Daten enthält

<td>

Falsch

Hierarchisches oder hierarchisch oder Hierarchie

Falsch ( diese Organisation erfolgt entweder auf einem Webserver oder lokal. Beides ist möglich)