MezData-Logo

Fragen und Übungen

SternSternSternSternFrageBeschreiben Sie kurz den Zweck, die Besonderheit und den Hauptvorteil der HTML-Sprache und erläutern Sie die Abkürzung. Dokumentenbeschreibungssprache zur Darstellung von Information auf heterogenen Clients (plattformübergreifend), mit einfacher Vernetzungsmöglichkeit (Hyperlink) zu weiteren Dokumenten. HyperText Markup Language

SternSternSternSternFrageSkizzieren Sie den prinzipiellen Aufbau eines HTML-Dokuments anhand eines Quellcode-Beispiels. Siehe hier...

Was wird durch folgende "Tags" erzeugt:

SternFrage<body bgcolor= "#000000"> ... </body> Schwarzer Hintergrund

SternSternFrage<hr size="6">, Warum fehlt hier der "Endtag" ? Eine horizontale Linie umschliesst keine Information, daher wird hier kein Endtag benötigt. Beachte XHTML: <hr />

SternFrage<a href="seite2.html">.......</a> Ein Link auf die Datei "seite2.html" im selben Verzeichnis der aufrufenden Seite.

5 PunkteFrageIn welchem Tag kann die Hintergrundfarbe einer HTML-Seite festgelegt werden? Erstellen Sie Beispiele für folgende Hintergrundfarben:

Farbe Lösung mit RGB-Farbe Lösung mit Farbnamen (optional)
Rot <body bgcolor="#FF0000"> <body bgcolor="red">
Grün <body bgcolor="#00FF00"> <body bgcolor="green">
Schwarz <body bgcolor="#000000"> <body bgcolor="black">
Hellgrau <body bgcolor="#CCCCCC">  

SternSternSternSternFrageWie wird eine Grafik in eine HTML Seite eingebunden (Beispiel)? <img height="200" width="126" src="seepferd.gif" alt="Seepferdbild">
Erläutern Sie die drei wichtigsten zusätzlichen Attribute! "height" und "width" geben die Höhe bzw. die Breite des Bildes an, dies erleichtert es dem Browser die Seite aufzubauen (rendern) auch wenn er das Bild noch nicht empfangen hat, mit diesen Attributen kann ausserdem die Bildgrösse angepasst werden. Das "alt" -Attribut ist Pflicht und gibt den alternativen Text des Bildes an, besonders wichtig für blinde Menschen, oder wenn die Bilder nicht gelanden werden sollen.

SternSternSternFrageWas sind "Meta-Tags", wo stehen sie, nennen Sie ein Beispiel? Meta-Tags stehen im Head-Abschnitt und kennzeichnen Informationen über das Dokument: Autor, Robots, aber auch Kodierungsinformation, das verwendete Schriftsystem werden dort angegeben: <meta http-equiv="content-type" content="text/html;charset=utf-8">

SternSternSternSternFrageWas ist ein Entity? Nennen Sie 3 Beispiele! Ein Entity ist ein Ausdruck für ein "nicht ASCII Zeichen" oder für ein Zeichen das in HTML eine besondere Bedeutung hat: z.B. < wird umschrieben mit &lt; Verwendet man kein UTF-8 werden die Umlaute auch mit Entitys umschrieben ä mit &auml; siehe...

SternSternSternFrageWelche Bedeutung hat das "target" –Attribut bei einem Link? Erstellen Sie zwei aussagekräftige Beispiele. Das "target" Attribut gibt das Zielfenster an in dem die Datei angezeigt werden soll, war sehr wichtig bei Verwendung von Frames. Heute noch interessant um mit target= "_blank" ein neues Fenster zu öffnen.

5 PunkteFrageErklären Sie CSS, Abkürzung, Verwendung, Vor- und Nachteile. Cascading StyleSheets, Formatierung von HTML-Elementen, Vorteile: Abtrennung von Formatierung und Inhalt, erweiterte Gestaltungsmöglichkeiten usw.. Nachteile: Wird noch nicht richtig von den Browsern unterstützt -> Fummelarbeit..

SternFrageWarum ist das <font> Tag in XHTML 1.0 nicht mehr erlaubt? Klare Trennung von Inhalt und Formatierung ist das Ziel. Daher ist das Font-Tag das für die Darstellung zuständig war verboten. Darstellung zukünftig nur noch via CSS!

SternSternSternFrageNennen Sie drei Möglichkeiten CSS in einem Dokument zu verwenden. Inline im Tag, Definition im Head, Externer Verweis.

SternSternSternSternFrageNennen Sie 4 Beispiele welche Schrift-Eigenschaften via CSS verändert werden können. Farbe, Hintergrundfarbe, Größe, Zeilenhöhe, Stil (kursiv, schräg), Stärke (fett..), Auszeichnung (unterstrichen, durchgestrichen, usw.)

SternSternSternSternFrageWelche Textausrichtungen gibt es bei CSS? Links (left), Zentriert (center), Rechts (right), Blocksatz, Abgeleitet.