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

Aus ComeniusWiki
Wechseln zu: Navigation, Suche
(→‎Aufbau einer HTML5-Seite)
 
(10 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 ==
 +
 +
=== Ü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>
 +
 +
=== Übung 2 ===
 +
Der Fehlerteufel hat zugeschlagen! Ordne richtig zu!
  
 
<div class="zuordnungs-quiz">
 
<div class="zuordnungs-quiz">
  
 
{|  
 
{|  
−
| Adjektive || schön || klein|| gelb
+
| Richtiges HTML-Tag || '''&#60;p>Gestern war ich snowboarden</p> || '''&#60;h2>Textquellen</h2>|| '''&#60;title>Ausflugsziele</title>
 
|-
 
|-
−
| Verben || gehen || schwimmen|| lachen
+
| Falsches HTML-Tag || '''&#60;p Gestern war ich schwimmen> || '''&#60;h1>Witze || &#60;Sportarten&#60;/h3>
−
|-
+
−
| Nomen || Haus || Glück || Sonne
+
 
|}
 
|}
  
 
</div>
 
</div>
−
 
−
== Übungen ==
 
−
 
−
[http://fuchs.xen-host.de/7/quiz/html_1.htm Zuordnungsübung - HTML-Tags I]<br>
 
−
[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>
 

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>
Von „http://cgd.zum.de/index.php?title=Webseiten_erstellen_-_Eine_Einführung_in_HTML&oldid=3438“