HTML Basics — Web Development Übungsblatt

Grades 8–11 Leichter Schwierigkeitsgrad 10 Aufgaben

HTML (HyperText Markup Language) structures web page content using elements (tags). Every page needs <!DOCTYPE html>, <html>, <head> (metadata), and <body> (visible content).

Semantic tags describe meaning: <header>, <nav>, <main>, <article>, <section>, <footer>. Headings <h1>–<h6> create hierarchy — use one main h1 per page. Links use <a href="url">text</a>.

Images need alt text for accessibility: <img src="photo.jpg" alt="description">. Lists: <ul>/<ol> with <li> items. Forms use <form>, <input>, <label>, and <button>.

Geübte Fähigkeiten

  • Writing valid HTML document structure
  • Using semantic and heading tags
  • Creating links, lists, and images
  • Applying basic accessibility (alt text, labels)
Name: Datum: Stunde:

Übungsblatt: HTML Basics

Anleitung: Löse jede Aufgabe sorgfältig. Zeige deine Arbeit klar. Schreibe deine endgültige Antwort in das vorgesehene Feld oder wie angewiesen auf ein separates Blatt.

  1. 1.What does the acronym HTML stand for?

HTML Basics — Übungsblatt (Fortsetzung)

  1. 2.Which tag is used to create a hyperlink in HTML?
    1. A. <link>
    2. B. <href>
    3. C. <a>
    4. D. <url>

HTML Basics — Übungsblatt (Fortsetzung)

  1. 3.Write the HTML code to create a paragraph of text that says “Hello, World!”

HTML Basics — Übungsblatt (Fortsetzung)

  1. 4.Which of the following is the correct way to insert an image in HTML?
    1. A. <img src="image.jpg">
    2. B. <image src="image.jpg">
    3. C. <img href="image.jpg">
    4. D. <picture src="image.jpg">

HTML Basics — Übungsblatt (Fortsetzung)

  1. 5.What is the purpose of the <title> tag in HTML?
  2. 6.List three common HTML tags used for text formatting (e.g., bold, italic, underline).

HTML Basics — Übungsblatt (Fortsetzung)

  1. 7.Write the HTML code to create an ordered list with three items: “Apples”, “Bananas”, and “Cherries”.

HTML Basics — Übungsblatt (Fortsetzung)

  1. 8.Which tag is used to define a table row in HTML?
    1. A. <tr>
    2. B. <td>
    3. C. <th>
    4. D. <table>

HTML Basics — Übungsblatt (Fortsetzung)

  1. 9.Explain the difference between the <div> and <span> tags in HTML.
  2. 10.Write the HTML code to create a heading that says “Welcome to My Website” using the largest heading size.

Lösungsschlüssel

  1. 1.
    Endgültige Antwort: HyperText Markup Language
  2. 2.
    Endgültige Antwort: C. <a>
  3. 3.
    Endgültige Antwort: <p>Hello, World!</p>
  4. 4.
    Endgültige Antwort: A. <img src="image.jpg">
  5. 5.
    Endgültige Antwort: The <title> tag defines the title of the web page, which appears in the browser's title bar or tab.
  6. 6.
    Endgültige Antwort: <b> (bold), <i> (italic), <u> (underline) (Other common answers: <strong>, <em>, <mark>, etc.)

Lösungsschlüssel (Fortsetzung)

  1. 7.
    Endgültige Antwort: <ol>; \qquad<li>Apples</li>; \qquad<li>Bananas</li>; \qquad<li>Cherries</li>; </ol>
  2. 8.
    Endgültige Antwort: A. <tr>
  3. 9.
    Endgültige Antwort: <div> is a block-level element used to group larger sections of content, while <span> is an inline element used to group small pieces of text or elements within a line.
  4. 10.
    Endgültige Antwort: <h1>Welcome to My Website</h1>
PDF herunterladen

Häufige Fehler, die es zu vermeiden gilt

  • Skipping DOCTYPE or html/head/body structure
  • Using headings for font size only (skipping levels)
  • Missing alt attributes on images
  • Confusing <div> (generic) with semantic tags when meaning exists

Erstelle dein eigenes Arbeitsblatt

Möchtest du neue html basics-Aufgaben in deiner gewünschten Schwierigkeit? Nutze WorksheetSmith, um in Sekunden ein individuelles, druckfertiges PDF zu erstellen.

Individuelles HTML Basics-Arbeitsblatt erstellen

Verwandte Arbeitsblätter

Zuletzt aktualisiert: 2026

Die WorksheetSmith-Arbeitsblatt-App öffnen