Learn HTML in German: 99 Flashcards on Tags & Attributes (XM6809)
Learn HTML tags and attributes with German explanations: 99 flashcards on semantic layout, forms, tables and the German dev vocabulary behind them.
Studying. But it's also a video game. 🎮
Flashcards, quizzes and games that make you actually remember.
Posted by
FLIP IT TeamRelated reading
Learn Vue.js Core Concepts: 30 Flashcards on Reactivity, Directives and the Vue Ecosystem
Learn Vue.js with deck XT7941: 30 flashcards on directives, virtual DOM, reactivity, computed vs watch, Pinia, Vue Router and Vite, plus the cards to update.
OWASP Top 10 Flashcards: Study the 2021 List and Update It for 2025
Study OWASP Top 10 with 35 flashcards on injection, SSRF, SAST, DAST, IAST and RASP, then add the missing #1 risk and the new OWASP 2025 ranking.
Learn CSS Flexbox and Grid in German: 58 Flashcards on Hauptachse, Spuren and Zellen
Learn CSS Flexbox and Grid with German backs: 58 real flashcards on Hauptachse, Querachse, Spur and Zelle, plus the Zeile trap and three backs to fix.
Deck XM6809, HTML: Tags & Attribute, is the German edition of our HTML Tags & Attributes deck. It has the same 99 cards: English fronts, German backs. The markup itself never changes (<footer> is <footer> in Berlin too). What you learn on top is the vocabulary German developers, trainers and IHK exam papers use to describe it: Überschrift, Fußzeile, Schaltfläche, Zeichenkodierung.
Study this deck: HTML: Tags & Attribute
1 / 10HTML
Tap the card for the answer · swipe right if you knew it, left if not
Beispielkarten
| Front | Back |
|---|---|
Purpose of the <head> tag | Enthält Metadaten, Verweise auf Stylesheets und den Seitentitel |
<article> tag | Steht für in sich abgeschlossenen Inhalt, der eigenständig verbreitet werden könnte |
<aside> tag | Inhalt, der nur am Rande mit dem umgebenden Inhalt zusammenhängt, wie eine Seitenleiste |
<b> tag | Macht Text fett, ohne semantische Bedeutung |
<pre> tag | Vorformatierter Text, der Leerzeichen und Zeilenumbrüche beibehält |
<input type="radio"> | Ein Radiobutton zur Auswahl einer Option aus einer Gruppe |
<th> tag | Eine Tabellen-Kopfzelle |
method on <form> | Gibt die zu verwendende HTTP-Methode an (GET oder POST) |
<noscript> tag | Inhalt, der angezeigt wird, wenn JavaScript deaktiviert ist |
Was die 99 Karten abdecken
Document structure: <head>, <title>, <body>, <meta>, charset (Zeichenkodierung), <link>, rel, <script>, <noscript>. Semantic layout: <header>, <nav>, <section>, <article>, <aside> (Seitenleiste), <footer> (Fußzeile), <search>, <div>, <span>. Text: <strong>/<b> (fett), <em>/<i> (kursiv), <u>, <mark>, <small> (Kleingedrucktes), <del>, <ins>, <sub> (tiefgestellt), <sup> (hochgestellt), <code>, <pre>, <blockquote>, <q>, <abbr>, <cite>, <dfn>, <kbd>, <samp>, <var>, <time>. Media and widgets: <img>, src, alt, <audio>, <video>, <canvas>, <iframe>, <embed>, <details> (aufklappbares Widget), <progress>, <output>, <datalist>. Forms: <input> text/password/checkbox/radio/submit, <textarea>, <select>, <option>, <button>, <label>, <fieldset>, <legend>, action, placeholder, required, disabled. Tables: <tr>, <td>, <th>, <thead>, <tbody>, <tfoot>, colspan, rowspan. Global attributes: href, target, class, id, style.
Tips for the German edition
Split the two Beschriftung cards and the Kopf/Fuß family. Card 74 (<label>) and card 76 (<legend>) both answer Definiert eine Beschriftung für…; only the end tells them apart (ein <input> vs ein <fieldset>). Learn them as a pair: one label per field, one caption per group. The same goes for Kopf: <header> (einleitender Inhalt), <h1> (Überschrift), <th> (Kopfzelle) and <thead> (Kopfbereich) are four different elements. Mirror that with Fußzeile (<footer>) vs Fußbereich (<tfoot>). Put the exact tag in the hint of each back.
Accept the Denglisch, but know both words. The backs keep Checkbox, Radiobutton, Dropdown-Liste, Container and Stylesheet, which is how German teams actually talk. But a button is a Schaltfläche on cards 69 and 73, and older textbooks write Kontrollkästchen and Optionsfeld. Add those as alternates so exam wording doesn't throw you.
Repair a few fronts. Fourteen fronts end in a dangling "for" (<nav> tag for). Read them as "What is <nav> for?" Attribute fronts are sentence-cased (Href attribute, Colspan attribute), but HTML attributes are lowercase: href, colspan. Card 13 names src as the required attribute of <img>. Add alt, which the standard expects on almost every image.
For styling in German, continue with CSS in German.
Ready to learn faster? 🚀
Join FLIP IT for free and turn studying into a game.