Webseiten erstellen - Eine Einführung in HTML: Unterschied zwischen den Versionen

Aus ComeniusWiki
Wechseln zu: Navigation, Suche
(Übungen)
Zeile 19: Zeile 19:
 
'''&#60;/body>''' <br>  
 
'''&#60;/body>''' <br>  
 
'''&#60;/html>''' <br>  
 
'''&#60;/html>''' <br>  
 +
 +
</div>
 +
 +
Der Feuerteufel hat zugeschlagen! Ordne richtig zu!
 +
 +
<div class="zuordnungs-quiz">
 +
 +
{|
 +
| Richtig || '''&#60;p>Gestern war ich snowboarden</p> || '''&#60;h2>Textquellen</h2>|| '''&#60;title>Ausflugsziele</title>
 +
|-
 +
| Falsch || '''&#60;p Gestern war ich schwimmen> || '''&#60;h1>Witze || Sportarten</h3>
 +
|}
  
 
</div>
 
</div>

Version vom 19. Februar 2014, 17:54 Uhr

Aufbau einer HTML5-Seite

Eine HTML5-Seite ist in drei Hauptbereiche eingeteilt:
HTML Dokument Struktur.png

Übungen

Bringe die HTML-Tags in die richtige Reihenfolge!

<!DOCTYPE html>
<html>
<head>
<title>Pausenzeiten am Comenius-Gymnasium-Deggendorf</title>
</head>
<body>
<h1>Pausenzeiten</h1>
<p>Erste Pause: 9:30 - 9:45</p>
<p>Zweite Pause: 11:15 - 11:30</p>
</body>
</html>

Der Feuerteufel hat zugeschlagen! Ordne richtig zu!

Richtig <p>Gestern war ich snowboarden</p> <h2>Textquellen</h2> <title>Ausflugsziele</title>
Falsch <p Gestern war ich schwimmen> <h1>Witze Sportarten</h3>

Externe Übungen

Zuordnungsübung - HTML-Tags I
Zuordnungsübung - Struktur einer HTML-Seite
Zuordnungsübung - HTML-Tags II
Zuordnungsübung - HTML-Tags für Formulare