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

Aus ComeniusWiki
Wechseln zu: Navigation, Suche
 
(14 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>
+
−
[http://fuchs.xen-host.de/7/quiz/html_4.htm Zuordnungsübung - HTML-Tags für Formulare]<br>
+
  
 +
=== Übung 1 ===
 +
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 class="multiplechoice-quiz">
+
</div>
  
−
Was ergibt 1 + 1?
+
=== Übung 2 ===
−
(!2,2)  (2) (!1,9) (!3)
+
Der Fehlerteufel hat zugeschlagen! Ordne richtig zu!
  
−
Welches Tier ist ein Säugetier?
+
<div class="zuordnungs-quiz">
−
(!Hai) (Wal) (Känguru) (!Meise) (Maus) (!Biene)
+
 
 +
{|
 +
| 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>
 
</div>

Aktuelle Version vom 23. November 2014, 17: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>
Von „http://cgd.zum.de/index.php?title=Webseiten_erstellen_-_Eine_Einführung_in_HTML&oldid=3438“