A03 – Feuer: Textauszeichnung & Sonderzeichen

🎯 Lernziel: Du kannst Textstellen hervorheben (<strong>, <em>) und Sonderzeichen wie Grad-Symbol oder Formeln korrekt in HTML schreiben.

Referenz im Kurs: → Beispiele a_09_tags-textauszeichnung.html, a_13b_sonderzeichen.html

Inhaltliche Vorbereitung

Zum Thema Feuer sind folgende Angaben typisch, die Sonderzeichen erfordern:

Aufgabe A03

Öffne deine feuer.html aus Aufgabe A02 und erweitere sie:

Teil A – Textauszeichnung

  1. Hebe in jedem Abschnitt mindestens einen Fachbegriff mit <strong> hervor (z. B. „Oxidationsreaktion", „Zündtemperatur").
  2. Setze mindestens einen Begriff kursiv mit <em> (z. B. wissenschaftliche Bezeichnungen oder fremdsprachliche Wörter).
  3. Verwende mindestens einmal <br> für einen Zeilenumbruch innerhalb eines Absatzes (z. B. bei einer kurzen Auflistung von Fakten).

Teil B – Sonderzeichen

Füge einen neuen Abschnitt <h2> „Physikalische Daten" ein und schreibe dort mindestens drei Zeilen mit Sonderzeichen-Entities:

Was du schreiben willst HTML-Entity Ergebnis
Grad Celsius (°C) &deg; °
Tiefstellt ₂ (z.B. CO₂) &#x2082; oder <sub>2</sub> CO2
Hochstellt ² (z.B. m²) &sup2; oder <sup>2</sup>
Pfeil → (z.B. Reaktionspfeil) &rarr;
Nicht-umbrechendes Leerzeichen &nbsp; (unsichtbar, hält Wörter zusammen)
Anführungszeichen „…" &bdquo; … &ldquo; „Feuer"

Beispiel für deinen HTML-Code:

<p>Die <strong>Zündtemperatur</strong> von Papier beträgt ca. 233&nbsp;&deg;C.</p>
<p>Bei der Verbrennung entsteht CO<sub>2</sub> und H<sub>2</sub>O.</p>
💡 strong vs. em:
<strong> = inhaltlich wichtig (wird fett dargestellt)
<em> = besonderer Nachdruck (wird kursiv dargestellt)
<b> und <i> existieren auch, haben aber keine inhaltliche Bedeutung – in HTML5 bevorzugt man <strong> und <em>.

Zusatzaufgabe

Füge am Ende der Seite einen HTML-Kommentar ein, der deinen Namen und das Datum enthält. Kommentare sehen so aus und sind im Browser nicht sichtbar:

<!-- Erstellt von Max Mustermann, März 2026 -->