XHTML Termin 1 Flashcards
Gibt es auch Elemente ohne Elementinhalt, Start & End Tag?
Ja: <br></br> kein Elementinhalt
Warum Zeichenkodierung relevant?
Weil sie sich unterscheiden in Landerspezifischen Sonderzeichen v.A. $…
Werden im Dokumentenkopf definiert o. Sonderzeichen anhand der Ersatzzeichen kodiert
XHTML
Extensible Hypertext Markup Language
Grundgerüst eines XHTML-Dokuments?
Dokumentenkopf- & Rumpf
Was ist Dokumentenrumpf <body>
Inhalte definiert die auf Webseite angezeigt werden sollen
Überschriften, Texte, Grafiken, Tabellen, Hyperlinks…
Dokumentenkopf <head>
Info über das aktuelle Dokument, die nicht als Inhalt angezeigt werden sollen
Title, Schlüsselwörter für Suchmaschinen
Head erfolgt nach Wurzelelement <html> & beinhaltet Element <Titel>
Title-> was im Browser stehen soll</Titel>
Tag?
Markierung um Anfang & Ende eines Elements zu kennzeichnen
<>
Definitionslisten? Wie werden die formartiert
Liste, deren Listenträge aus einer Bzh. & deren Beschreibung stehen
Werden mit <dl> Element dargestellt
In ihr wird Bzh. Durch <dt> & <dd> Element dargestellt
<dl>
<dt>Begriff 1</dt>
<dd>Definition 1</dd>
<dt>Begriff 2</dt>
<dd>Definition 2</dd>
</d1>
</dl>
Was sind Eigenschaften Element
Elemente haben Zusatz um Farben o. Ausrichtung von Texten zu beschreiben
Attribut Wert wird zugeordnet
Was sind ungeordneten Listen? Formatierung?
Listen, being denen jeder Listenpunkt gleichwertig ist & als Symbol dargestellt wird
<ul> Element dargestellt
Dazwischen <li> für Liste
</li></ul>
Geordnete Liste? Formatierung
Listen Punkte in einer bestimmen Reihenfolge wie Nummerierung
<ol> Element dazwischen <li>
</li></ol>
Was sind Verweise
Um verschiedene XHTML-Dok. Zu verbinden-> Homepage mit Unterseiten
<a>-Element & Attribut href
Als wert für href wird URI des gewünschten Verweisziels zugewiesen
Verweisziel-> hinter Text/ Grafik Link hinterlegen</a>
Zeichenreferenz? Wozu dienen sie?
Dient Eingabe von Zeichen, die im Markup nicht erlaubt o. Im gewählten Zeichenvorrat nicht vorhanden ist
Beginnt mit & und endet mit ;
Formartierungsmöglichkeiten bei ungeordneten Listen?
<ul>-Element, im einzelnen <li>-Element
-“circle”
-“disc”
-“square”
<ul>
<li style=“list-style-type:cirlce”> XHTML</li>
</ul>
</li></ul>
Welche Listentypen?
-ungeordnete “ul”= unordered List
-geordnete “ol”= ordered List (Nummerierung)
-Definitionsliste “dl”= definition List
Aufbau einer Dokumententyp-Deklaration?
Es wird bestimmt, in welcher Auszeichnungsprache in welcher Version steht
-öffentlich verfügbare HTML-Dokumententtyp- Definition (DTD)
-FDI Formal Public Identifier
-SI Systembezeichner
Aufbau XML-Deklaration
- beginnt mit Zeichenfolge <?xml & endet mit ?>
Dazwischen Version, Zeichenkodierung & Standalone-Dokumenten-Deklaration
Aufbau Tag
<Elementname>Inhaltsmodell</Elementname>
Absätze, Überschriften, Tabellen
<h1>BIM</h1>
Aufbau XHTML-Dokument
-XML-Deklaration mit XML-Version
-Dokumenttyp-Deklaration die den XHTML-Dokumenttyp angibt
-head mit Dokumenttitel & Meta-Infos
-body Inhalt
Grafik als Verweis?
<a href=“Unterseite.html”><img scr=“Bild.jpg” alt=“Hier gelangen sie zur Unterseite!></a>
Text als Verweis?
<a href=“weitereDaten.html”>Hier”!</a>
Verweis kodieren, damit nach Klick eine Mail abgeschickt wird?
-href Attribut, davor “mailto” bevor Email
<a href=“mailto:diyadewari@outlook.com”>Mailen Sie mir!</a>
Grafik in Webseiten integrieren?
-Element <img></img> & ist ein Standalone-Tag ohne Elementinhalt & End-Tag
-Attribut scr wird Ort der Bildquelle über URI
- Attribut alt Alternativtext, der erscheint, wenn Grafik nicht angezeigt wird
- width & height Breite & Höhe einstellen
<img scr=“Verlaghaus.jpg” alt=“Bild wird nicht angezeigt” height=“100” width=“50”>
Wie können manuelle Zeilenumbrüche eingefügt werden
<br></br> & beenden Textzeile
Formatierung von Überschriften?
Elementen <h1> bis <h6>
H1= Hauptüberschrift
H2= Überschrift zweiter Ordnung
-> werden kleiner und kleiner
Definition Absätze?
<p>
Durch attribute align=“left/right/center/justify” Ausrichtung definieren
<p>Dieser Text ist zentriert.</p>
</p>
Verschachtlung Elemente?
Tag die geöffnet werden immer schließen
Codierung Tabelle?
• Codierung mit Elementtypen <table>, <tr>, <th> & <td>
• <table>: Container für Auszeichnung von Tabelle
• <tr>: Tabellenzeile
• <th>: Zelle I.h. <tr>-> Kopfino & fett gedruckt (Überschrift)
• <td>: Zelle I.h. Zeile <tr> die andere Daten enthält
Tabellen formatieren
• Rahmen um Tabelle: im einleitenden <table>-Tag wird das Attribut border notiert und ein wert >0 zur Eingabe der Breite des Rahmens in Pixel zugewiesen
<table border=“1”>
