Webseiten erstellen - Eine Einführung in HTML: Unterschied zwischen den Versionen
Aus ComeniusWiki
Keine Bearbeitungszusammenfassung |
|||
| (11 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 2: | Zeile 2: | ||
Eine HTML5-Seite ist in drei Hauptbereiche eingeteilt:<br> | Eine HTML5-Seite ist in drei Hauptbereiche eingeteilt:<br> | ||
[[Datei:HTML_Dokument_Struktur.png]] | [[Datei:HTML_Dokument_Struktur.png]] | ||
== Übungen == | == Übungen == | ||
=== Übung 1 === | |||
Bringe die HTML-Tags in die richtige Reihenfolge! | |||
<div class="lueckentext-quiz" > | |||
<!DOCTYPE html> <br> | |||
'''<html>''' <br> | |||
<head><br> | |||
'''<title>Pausenzeiten am Comenius-Gymnasium-Deggendorf</title>''' <br> | |||
'''</head>''' <br> | |||
<body><br> | |||
'''<h1>Pausenzeiten</h1>'''<br> | |||
'''<p>Erste Pause: 9:30 - 9:45</p>''' <br> | |||
'''<p>Zweite Pause: 11:15 - 11:30</p>''' <br> | |||
'''</body>''' <br> | |||
'''</html>''' <br> | |||
</div> | |||
=== Übung 2 === | |||
Der Fehlerteufel hat zugeschlagen! Ordne richtig zu! | |||
<div class="zuordnungs-quiz"> | |||
{| | |||
| Richtiges HTML-Tag || '''<p>Gestern war ich snowboarden</p> || '''<h2>Textquellen</h2>|| '''<title>Ausflugsziele</title> | |||
|- | |||
| Falsches HTML-Tag || '''<p Gestern war ich schwimmen> || '''<h1>Witze || <Sportarten</h3> | |||
|} | |||
</div> | |||
Aktuelle Version vom 23. November 2014, 15:59 Uhr
Aufbau einer HTML5-Seite
Eine HTML5-Seite ist in drei Hauptbereiche eingeteilt:
Übungen
Übung 1
Bringe die HTML-Tags in die richtige Reihenfolge!
<!DOCTYPE html>
<html>
<head>
<title>Pausenzeiten am Comenius-Gymnasium-Deggendorf</title>
</head>
<body>
<p>Erste Pause: 9:30 - 9:45
<p>Zweite Pause: 11:15 - 11:30
</body>
</html>
Übung 2
Der Fehlerteufel hat zugeschlagen! Ordne richtig zu!
| Richtiges HTML-Tag | <p>Gestern war ich snowboarden | <h2>Textquellen | <title>Ausflugsziele</title> |
| Falsches HTML-Tag | <p Gestern war ich schwimmen> | <h1>Witze | <Sportarten</h3> |
