ZUM-Unterrichten - Logo.png
Viele Inhalte sind umgezogen ins neue ZUM-Unterrichten.

Seitenstrukturierung

aus ZUM-Wiki, dem Wiki für Lehr- und Lerninhalte auf ZUM.de
Wechseln zu: Navigation, Suche

Mit HTML können Sie Webseiten strukturieren. Alle Inhalte einer Webseite werden nach ihrer Bedeutung ausgezeichnet. Diese interaktiven Übungen eignen sich, um die Fachbegriffe zu lernen und zu wiederholen.

semantische Auszeichnung einer Webseite

Ordne die HTML-Elemente den Beschreibungen zu.

Überschrift erster Ordnung <h1>
Sidebar für zusätzliche Informationen <aside>
Textabsatz <p>
Verweis auf eine andere Seite <a href="">
Einbindung eines Bilds <img src="" alt="">
Kopfbereich <header>

Seitenstrukturierung

Setze die passenden Tags ein. Beachte, alle geöffneten Tags müssen auch wieder geschlossen werden!

<header>
  <h1>Name unserer Seite</h1> 
<header>
<article> 
  <h2>Überschrift des Artikels </h2>
  <section> 
    <h3>Kapitel 1 </h3> 
    <p>...</p> 
  </section> 
  <aside> 
    <h3>Quellenangabe</h3> 
    <ul>...</ul> 
  </aside> 
</article>

Tabelle

Setze die passenden Tags und Elemente ein:.

<table> 
  <thead>
    <tr> 
      <th>Überschrift</th>
    </tr> 
  </thead> 
  <tbody>
    <tr> 
      <td>Inhalt1 </td>
      <td>Inhalt</td>
    </tr>
  </tbody>
</table>

Beachte, eine Tabelle sollte nur für tabellarische Daten, nicht jedoch zum Layouten verwendet werden!