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

Aus ComeniusWiki
Wechseln zu: Navigation, Suche
(Online-Übungen)
 
(12 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]]
== Online-Übungen ==
 
  
[http://fuchs.xen-host.de/7/quiz/html_1.htm Zuordnungsübung - HTML-Tags I]<br>
+
== Übungen ==
[http://fuchs.xen-host.de/7/quiz/html_2.htm Zuordnungsübung - Struktur einer HTML-Seite]<br>
+
 
[http://fuchs.xen-host.de/7/quiz/html_3.htm Zuordnungsübung - HTML-Tags II]<br>
+
=== Übung 1 ===
[http://fuchs.xen-host.de/7/quiz/html_4.htm Zuordnungsübung - HTML-Tags für Formulare]<br>
+
Bringe die HTML-Tags in die richtige Reihenfolge!
 +
 
 +
<div class="lueckentext-quiz" >
 +
&#60;!DOCTYPE html> <br>
 +
'''&#60;html>''' <br>
 +
&#60;head><br>
 +
'''&#60;title>Pausenzeiten am Comenius-Gymnasium-Deggendorf</title>''' <br> 
 +
'''&#60;/head>''' <br> 
 +
&#60;body><br>
 +
'''&#60;h1>Pausenzeiten</h1>'''<br>
 +
'''&#60;p>Erste Pause: 9:30 - 9:45</p>''' <br>
 +
'''&#60;p>Zweite Pause: 11:15 - 11:30</p>''' <br>
 +
'''&#60;/body>''' <br>
 +
'''&#60;/html>''' <br>  
 +
 
 +
</div>
 +
 
 +
=== Übung 2 ===
 +
Der Fehlerteufel hat zugeschlagen! Ordne richtig zu!
 +
 
 +
<div class="zuordnungs-quiz">
 +
 
 +
{|
 +
| Richtiges HTML-Tag || '''&#60;p>Gestern war ich snowboarden</p> || '''&#60;h2>Textquellen</h2>|| '''&#60;title>Ausflugsziele</title>
 +
|-
 +
| Falsches HTML-Tag || '''&#60;p Gestern war ich schwimmen> || '''&#60;h1>Witze || &#60;Sportarten&#60;/h3>
 +
|}
 +
 
 +
</div>

Aktuelle Version vom 23. November 2014, 16:59 Uhr

Inhaltsverzeichnis

Aufbau einer HTML5-Seite

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

Übungen

Übung 1

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>

Übung 2

Der Fehlerteufel hat zugeschlagen! Ordne richtig zu!

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>