WEBTEC HTML

Messer Klausurfragen

Messer Klausurfragen


C. N.
Diese Lernkarten bieten eine umfassende Übersicht über HTML und dessen Anwendung im universitären Kontext. Sie konzentrieren sich auf grundlegende Konzepte wie Tags, Farben und Layouts, sowie auf spezifische Elemente wie Anker, Formulare und Imagemaps. Die Karteikarten erläutern die Funktionsweise von HTML-Dokumenten, die Integration von Graphiken und die Verwendung von Metatags. Sie sind besonders nützlich für Studierende, die sich mit Webtechnologien vertraut machen und praktische Kenntnisse in der Erstellung und Gestaltung von Webseiten erwerben möchten.
Karten
20
Lernende
2
Sprache
Deutsch
Kategorie
Informatik
Stufe
Universität
Erstellt / Aktualisiert
01.02.2018 / 10.06.2019

Lernkarten

HTML gilt als Auszeichnungssprache (Markup Language) - was wird darunter verstanden?

Definiert ein abstraktes Layout ohne Festlegung der Umsetzung in eine Präsentation; es wird nur die Funktion oder die Rolle eines Textstücks beschrieben.

 

Warum ist das heutige HTML (spätestens ab Version 4) keine reine Auszeichnungssprache?

 

Weil es Tags gibt die das Layout bestimmen ( zb bold)

 

Was ist ein Tag (Etikett) und was ein Attribut? Nennen Sie dazu jeweils ein Beispiel und erläutern Sie, was die beiden Beispiele bedeuten.

Tag bezeichnet Anfang und Ende eines Elements wird in <> eingefasst und kann attribute enthalten.
Attribut= definieren die Eigenschaften eines Elements und werden in den Tags ergänzt
Element=ist ein Bereich in dem Text entsprechend den Attributen formatiert wird

 

Wie sieht der grundsätzliche Aufbau einer HTML-Seite aus?

<!doctype ...>
<html>
<head>
</head>
<body>
</body>
</html>

Welcher Tag muss nach der W3C-Definition immer im Kopf jeden HTML-Dokuments vorhanden sein? Welche Bedeutung hat dieser Tag? Akzeptieren Browser auch das fehlerhafte Fehlen dieses Tags?

  • Typ des Dokuments <!doctype html public „TYP in Form einer URL“>

  • Das fehlen der Angabe wird toleriert.

Nennen Sie drei verschiedene Meta-Tags. Welche Aufgabe haben die von Ihnen geannten?

  • <meta name=“author“ content=“Christian“>

  • <meta name=“description“ content=“Beschreibung des Inhalts der Seite“>

  • <meta name=“keywords“ content=“Schlagwort der Seite definieren“>

Nennen Sie mindestens vier verschiedene Tags - keine Varianten -, die nur im Hauptteil (body) des HTML-Dokuments benutzt werden dürfen. Erläutern Sie kurz, was diese bedeuten und ob sie Auszeichnungen sind.

  • <p> pargraph

  • <br /> Zeilenumbruch

  • <div> Division

  • <span> Spanne

  • Sind keine echten Auzeichnungen sondern definieren nur einen Textbereich

Auf welche Arten lassen sich Farben in HTML mit CSS angeben? Nennen Sie zwei. Auf welchem Farbmodell beruht HTML?

  • In Hexadezimaler Angabe<body bgcolor=“#FF00000“>

  • oder als String <body text=“red“>

  • RGB

Nennen Sie drei Beispiele für Tags von echten Auszeichnungen. Erläutern Sie kurz, was diese Tags bedeuten.

  • Betonen <strong>

  • Zitate <cite>

  • Hervorheben <em>

Können Graphiken selbst direkt in eine Standard-HTML-Datei integriert werden (ohne SVG und HTML5)? Falls ja, wie? Falls nein, wie ist die Benutzung von Graphiken dann möglich?

Nein, auf die eigentliche Datei wird im html quelltext referenziert. ( img Tag)

Was ist ein Anker und was ein Link? Wodurch unterscheiden sich diese von HTML her?

  • Link ist eine Schaltfläche durch dessen Betätigung man zu URLs/Ankern navigieren kann.

  • Dementsprechend kann eine URL auf einen Anker zeigen.

In welchen Anwendungsfällen werden Anker benötigt? Wie werden diese in der URL angesprochen?

  • Anker werden benötigt wenn man zwischen verschiedenen Pages verlinken möchte, oder Abschnitte weiter unten auf einer Seite.

  • Diese werden in der URL angesprochen mit Anker enden in der URL hashmark Name

Wie lassen sich 2-dimensionale Tabellen in HTML definieren? Skizzieren Sie den grundsätzlichen Aufbau.

mit den Tags<table><th><td><tr>

Auf welche drei Arten lässt sich die globale Aufteilung in einzelne Abschnitte einer Seite realisieren (Layout)? Nennen Sie mindestens zwei. Welche ist zu empfehlen?

  • <div>

  • <frame>

  • <div> ist zu bevorzugen da es bei <frame>Probleme beim Bookmarken geben kann

Was sind Imagemaps? Für welche Aufgaben können diese verwendet werden? Ist die Verwendung von Image-Maps in Hinblick auf Barrierefreiheit zu empfehlen?

  • Imagemaps sind Grafiken, bei denen bestimmte Pixel angeklickt werden können und dadurch eine Aktion ausgelöst wird.

  • Es können auf einem Bild somit verschiedene Pixel angeklickt werden

  • Zweck: Interaktive Funktionen anbieten.

  • Ist im Hinblick auf Barrierefreiheit nicht zu empfehlen, da es bei unterschiedlichen Browsern zu unterschiedlichen Positionierungen kommen kann

Beschreiben Sie zwei Beispiele für die sinnvolle Benutzung von Imagemaps in Websites.

  • Zb eine Karte,  Reisebüro,  Länder

  • Fotos von der Familie, jeder eine Unterseite

Welches sind die wichtigsten Tags in Formularen? Nennen Sie drei. Wie kann in HTML der Server dazu gebracht werden, eine Behandlung der Formularinhalte durch eine bestimmte Routine auf dem Server zu realisieren?

  • <form> <input>

  • indem ein Script durch das action Attribut angegeben wird welches die Felder des Formulars mittels GET oder POST Methode ausliest und auswertet.

Welche zwei Arten der Übertragung der Formularinformation auf der Ebene von HTTP zum Server können benutzt werden? Wodurch unterscheiden sich diese?

  • Ohne das umkodiert wird nein

  • Muss umkodiert werden

Welche Art der Übertragung von Formularinhalten wird bei welcher Anwendung empfohlen; also wann sollte welche HTTP-Methode verwendet werden?

  • Get , lesend zugreifen

  • Post, verändern zugreifen

Versteckte Formularfelder werden nicht angezeigt. Welche sinnvollen Aufgaben lassen sich trotzdem mit versteckten Formular-Feldern lösen?

  • Sie können Sessions implementieren

  • Einzuloggen trotz Cookie Bevölkerung

Lernen