Podcast
Questions and Answers
Welches Attribut wird verwendet, um einen Alternativtext für ein Bild zu hinterlegen?
Welches Attribut wird verwendet, um einen Alternativtext für ein Bild zu hinterlegen?
alt
Welches Attribut wird verwendet, um die Quelldatei für ein Bild zu hinterlegen?
Welches Attribut wird verwendet, um die Quelldatei für ein Bild zu hinterlegen?
src
Der sichtbare Inhalt einer Webseite befindet sich zwischen den öffnenden und schließenden <head> Tags.
Der sichtbare Inhalt einer Webseite befindet sich zwischen den öffnenden und schließenden <head> Tags.
False (B)
Welche der folgenden HTML-Tags sind semantische Elemente? (Wählen Sie maximal 6 aus)
Welche der folgenden HTML-Tags sind semantische Elemente? (Wählen Sie maximal 6 aus)
Um den Doctype eines Dokuments auf HTML5 festzulegen, verwendet man den folgenden Code: <!______ html>
Um den Doctype eines Dokuments auf HTML5 festzulegen, verwendet man den folgenden Code: <!______ html>
Ordnen Sie den genannten Tags ihren jeweiligen Zweck zu:
Ordnen Sie den genannten Tags ihren jeweiligen Zweck zu:
Fügen Sie den korrekten Code ein, um einen Absatz mit dem Inhalt 'Dies ist ein Absatz.' zu erstellen: <p>______</p>
Fügen Sie den korrekten Code ein, um einen Absatz mit dem Inhalt 'Dies ist ein Absatz.' zu erstellen: <p>______</p>
Wie lauten die korrekten HTML-Tags, um die Elemente 'FH Aachen', 'Fachbereich Elektrotechnik und Informationstechnik' und 'Studiengang Media and Communications for Digital Business' als Überschriften mit absteigender Wichtigkeit zu kennzeichnen?
Wie lauten die korrekten HTML-Tags, um die Elemente 'FH Aachen', 'Fachbereich Elektrotechnik und Informationstechnik' und 'Studiengang Media and Communications for Digital Business' als Überschriften mit absteigender Wichtigkeit zu kennzeichnen?
Welches HTML-Tag wird verwendet um ein Listenelement zu erstellen?
Welches HTML-Tag wird verwendet um ein Listenelement zu erstellen?
Welches Attribut wird verwendet, um einen Link in einem neuen Browserfenster zu öffnen?
Welches Attribut wird verwendet, um einen Link in einem neuen Browserfenster zu öffnen?
Flashcards
Welches Attribut wird für den Alternativtext eines Bildes verwendet?
Welches Attribut wird für den Alternativtext eines Bildes verwendet?
Das Attribut alt dient dazu, einen alternativen Text für ein Bild anzugeben. Dieser Text wird angezeigt, wenn das Bild nicht geladen werden kann oder wenn der Benutzer einen Bildschirmleser verwendet.
Welches Attribut wird verwendet, um die Quelldatei eines Bildes anzugeben?
Welches Attribut wird verwendet, um die Quelldatei eines Bildes anzugeben?
Das Attribut src wird verwendet, um die Quelldatei eines Bildes anzugeben. Diese Datei enthält die eigentlichen Bilddaten.
Welche HTML-Tags markieren den sichtbaren Inhalt einer Webseite?
Welche HTML-Tags markieren den sichtbaren Inhalt einer Webseite?
Die HTML-Tags body und /body markieren den Bereich des HTML-Dokuments, der im Browserfenster dargestellt wird. Dieser Abschnitt enthält alle sichtbaren Inhalte der Webseite.
Welche HTML-Tags gelten als 'semantische' Elemente?
Welche HTML-Tags gelten als 'semantische' Elemente?
Signup and view all the flashcards
Wie definiert man den Doctype eines HTML5-Dokuments?
Wie definiert man den Doctype eines HTML5-Dokuments?
Signup and view all the flashcards
Was ist die Funktion des <head>-Elements?
Was ist die Funktion des <head>-Elements?
Signup and view all the flashcards
Was ist die Funktion des <title>-Elements?
Was ist die Funktion des <title>-Elements?
Signup and view all the flashcards
Welche Funktion hat das <header>-Element?
Welche Funktion hat das <header>-Element?
Signup and view all the flashcards
Welche Funktion hat das <h1>-Tag?
Welche Funktion hat das <h1>-Tag?
Signup and view all the flashcards
Welche Funktion hat das <p>-Tag?
Welche Funktion hat das <p>-Tag?
Signup and view all the flashcards
Study Notes
HTML Grundlagen - Quiz 01
-
Alternativtext für Bilder: Das Attribut
altwird verwendet, um einen Alternativtext für ein Bild anzugeben. Dieser Text wird angezeigt, wenn das Bild nicht geladen werden kann oder wenn ein Bildschirmleser verwendet wird. Beispiel:<img src="logo.png" alt="Logo der FH Aachen"> -
Bildquelle: Das Attribut
srcspeichert den Pfad zur Bilddatei. Beispiel:<img src="logo.png"> -
HTML-Bereich: Der Bereich einer Webseite, der im Browser angezeigt wird, liegt innerhalb der Tags
<body>und</body>. Innerhalb des<body>-Tags befindet sich der sichtbare Inhalt der Webseite. Beispiel:<body> Sichtbarer Inhalt der Webseite... </body> -
Semantische HTML-Elemente: Einige HTML-Tags stellen semantische Elemente dar, die die Struktur und Bedeutung des Inhalts beschreiben. Beispiele für semantische Elemente sind
body,article,header,navunddiv. Der Benutzer soll maximal 6 dieser Elemente auswählen.
HTML 5 Doctype
- HTML5-Dokumenttyp:
<!DOCTYPE html>ist der richtige Code, der den Doctype des Dokuments auf HTML5 festlegt.
HTML Tags und Funktionen
-
Überschriften: Die Tags
<h1>bis<h6>werden für Überschriften verwendet, wobei<h1>die wichtigste und<h6>die am wenigsten wichtige Überschrift ist. -
Absätze: Der Tag
<p>wird für Absätze verwendet. Beispiel:<p>Dies ist ein Absatz.</p> -
Listenelemente:
ul(unordered list) für ungeordnete Listen undol(ordered list) für geordnete Listen. Listenelemente müssen mitli(list item) gekennzeichnet sein. Beispiel:<ul><li>FB 05</li></ul>
HTML-Überschriften mit absteigender Wichtigkeit
- Überschriften: Die Tags
<h1>,<h2>,<h3>usw. definieren Überschriften mit absteigender Wichtigkeit. Beispiel:FH Aachen
,Fachbereich Elektrotechnik…
,Studiengang…
HTML-Attribut für neue Fenster
- Neues Fenster: Das Attribut
target="_blank"öffnet einen Link in einem neuen Browserfenster. Beispiel:<a href="impressum.html" target="_blank">Impressum</a>
HTML-Links und Bilder
- Bild als Link: ein HTML-Bild kann als Link zu einer Webseite verwendet werden. Beispiel:
<a href="http://www.fh-aachen.de"> <img src="logo.png"> </a> - Link zu Webseite:
<a href="http://www.fh-aachen.de">FH Aachen</a>erstellt einen Link zur Webseite www.fh-aachen.de - Betonung: Mit dem Tag
<strong>oder<em>kann Text hervorgehoben werden. Beispiel:<p>Ein Studium an der <strong>FH Aachen</strong> ist sehr anspruchsvoll.</p>
HTML Tabellen-Zelle
- Mehrere Spalten: Das Attribut
colspangibt an, wie viele Spalten eine Tabellen-Zelle einnimmt. Beispiel:<td colspan="2">Name</td>
HTML IDs und Klassen
- IDs: Einem Element kann nur einmal eine ID zugewiesen werden.
- Klassen: Einem Element können beliebig viele Klassen zugewiesen werden.
HTML-Tabelle
-
HTML-Tabelle: Die korrekte HTML-Syntax für Tabellen mit Zeilen und Spalten wird dargestellt. Beispiel:
<table><tr><td>Vorname:</td><td>Gustav</td></tr></table> -
Überschrift in der Tabelle: Die Tags
<th>werden für Tabellenüberschriften verwendet. Beispiel:<th>Vorname</th><th>Nachname</th>
HTML-Layout
- Zusätzliche Attribute: Die Tags
colspanundrowspanin Tabellen geben an, wie viele Spalten bzw. Zeilen eine Zelle einnimmt.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
