<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

Größe: px

Ab Seite anzeigen:

Download "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd">"

Rolf Bäcker
vor 6 Jahren
Abrufe

1 HTML Theoriefragen 1. Wofür steht die Abkürzung HTML? 2. Warum ist HTML keine Programmier sprache? 3. Wofür steht die Abkürzung DTD? 4. Beantworten Sie die Fragen zur folgenden DTD: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " (a) Um welche HTML-Version handelt es sich hier? (b) In welcher Sprache ist das Dokument abgefasst, in der die DTD steht? (c) Wofür steht W3C? 5. Aus welchen Elementen besteht die Grundstruktur eines HTML-Dokuments 6. Nennen Sie zwei HTML-Standalone-Tags (HTML-Tags, die keine Container-Tags sind) 7. Welche Überschrift ist grösser? <h1> oder <h2>? 8. Der folgende HTML-Befehl zum Anzeigen eines Bildes ist syntaktisch korrekt und auch die Bilddatei befindet sich am richtigen Ort. <img src="zebras.jpg" width="50px" height="100px"> Welches Problem könnte dennoch entsehen? 9. Zeichnen Sie die Liste, die vom Browser aufgrund des folgenden HTML-Fragments gezeichnet wird. <ol> <li>a</li> <li>b<ul><li>c</li><li>d</li></ul></li> <li>e</li> </ol> 10. Wie viele Zeilen, wie viele Kolonnen und wie viele Zellen hat die folgende HTML- Tabelle? <table border="2"> <tr> <td colspan="3">a</td> <td rowspan="2">x</td></tr> <tr><td>p</td><td>m</td><td>z</td> </tr> </table> 1

2 11. Bestimme Sie alle syntaktischen Fehler im folgenden HTML-Dokument. Eine DTD muss nicht berücksichtigt werden <titel>finde die Fehler</titel> <h1>finde die Fehler<h1> 7 Das ist <i><b>kursiver Fettdruck</i></b>. <br> 8 Link: <a href=" Fahrplan"</a> <br> 9 <img scr="ferienbild.jpg">mein Urlaubsfoto</img> </HTML> 12. In der HTML Datei a.html soll das Bild bild.jpg eingefügt werden. Wie lautet der relative Pfad des src-attributs? Wie üblich bezeichnet ein Punkt (.) das aktuelle Verzeichnis und zwei Punkte (..) das darüberliegende Verzeichnis. 13. Welche Bildformate werden von den gängigen Browsern unterstützt? 2

3 14. Ein ungerichteter Graph ist eine Menge sogenannter Knoten (engl. vertices), die durch Kanten (engl. edges) verbunden sind. Bei einem gerichteten Graphen können die Kanten nur in eine Richtung durchlaufen werden. Dies wird durch einen Pfeil dargestellt. Stellen Sie das folgende System verlinkter Webseiten durch einen entsprechenden Graphen dar. Vermeiden Sie Überschneidungen der Kanten. <title>seite A</title> <a href="c.html">c</a> <a href="e.html">e</a> <title>seite D</title> <a href="b.html">b</a> <a href="c.html">c</a> <a href="f.html">d</a> <title>seite B</title> <a href="a.html">a</a> <a href="f.html">f</a> <title>seite E</title> <a href="a.html">a</a> <title>seite C</title> <a href="b.html">b</a> <a href="d.html">d</a> <a href="e.html">e</a> <title>seite F</title> 3

4 HTML Lösungen+ Theoriefragen 1. HTML steht für Hypertext Markup Language 2. Weil es in HTML keine Variablen gibt. Weil HTML keine Anweisungen für Bedingungen (if) oder Schleifen (for, while) kennt. 3. DTD steht für Document Type Definition. 4. (a) Es handelt sich um die Version 4.01 (b) Die Frage kann nicht beantwortet werden. Die DTD ist gemäss DTD zwar in Englisch abgefasst (EN); das die DTD beinhaltende HTML-Dokument kann natürlich in irgend einer Sprache geschrieben sein. (c) W3C = World Wide Web Consortium; ein Gremium zur Standardisierung des WWW 5. einer DTD dem HTML-Container-Tag, das wiederum den HEAD-Container-Tag und den den BODY-Container-Tag enthält 6. <br>, <hr>, <img>, <h1> markiert eine Überschrift 1. Ordnung und hat standardmässig eine grössere Schrift als <h2>. 8. Das angegebene Verhältnis von Breite und Höhe muss nicht mit dem des Bildes übereinstimmen, so dass es zu Verzerrungen kommen kann. 9. Es handelt sich um eine verschachtelte Liste der folgenden Art: 10. Die Tabelle besteht aus 2 Zeilen, 4 Spalten aber nur 5 Zellen, da in der ersten Zeile die ersten drei Zellen zusammengefast werden und in der letzten Spalte die beiden übereinander liegenden Zellen. 11. Zeile 3: <title>...</title> statt </titel>...</titel> Zeile 6: Zweites <h1> durch </h1> ersetzen. Zeile 7: <i>- und <b>-tags sind falsch verschachtelt. Zeile 8: Das Schlusszeichen " müsste hinter.ch statt nach Fahrplan stehen. Zeile 9: Das <img>-tag ist kein Container-Tag. 1

5 12. <img src="../dokumente/bilder/bild.jpg"> oder: <img src="./../dokumente/bilder/bild.jpg"> 13. jpg png gif 14. Die Anordnung der Knoten spielt grundsätzlich keine Rolle. Bei bestimmten Graphen lässt sich eine Überschneidung von Kanten nicht vermeiden. 2

Ähnliche Dokumente

1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2

1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2 HTML GRUNDLAGEN 1 Einführung.. 1 2 Die Sprachen HTML und XHTML. 1 3 Struktur einer HTML Seite 1 4 Webseiten speichern.. 2 5 Elemente für die Seitenstruktur 2 6 Seiten und Inhalte verlinken. 4 7 Sonderzeichen