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

Aus ComeniusWiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(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, 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>

<h1>Pausenzeiten
<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>