Erste HTML-Befehle


(letzte Änderung an dieser Seite: 04.09.2010)

Folien



(letzte Synchronisation der PDF-Präsentation: 12.01.2020)

Falls keine PDF-Präsentation zu sehen ist, klicken Sie zum Download hier: Direktdownload PDF-Präsentation

Eine Webseite anlegen

Die Sprache, mit der man einem Browser (Firefox, Opera, Internet Explorer …) “sagt”, was er wie darstellen soll, heißt HTML (Hypertext Markup Language). HTML-Dokumente sind in einer gewissen Art und Weise strukturiert (s.u.).

HTML verwendet “Tags”, die in Spitzklammern stehen und häufig Inhalte umschließen, z.B. <body>blabal</body> oder <title>titel</title>.

Ein Dokument, das so strukturiert ist und im Dateinamen die Erweiterung .html hat, kann von einem Browser als Webseite angezeigt werden. Der grundsätzliche Aufbau eines solchen Dokuments ist dieser:

HTML-Code
 
<html>
<head>
<title>Dokumenttitel</title>
</head>
<body>
INHALTE
</body>
</html>
 

Alles innerhalb des <body>-Tags wird im Browser angezeigt.

Übungen

Alle Übungen finden Sie in der Materialsammlung (dort auch alle zusätzlichen Dateien wie Bilder, Klassendiagramme oder HTML-Vorlagen!).

Die aktuelle Übung können Sie hier als txt-File herunterladen.

***** Übungen: HTML - erste Webseite *****


HTML_2-1: HTML-Seite mit Inhalt anlegen

Erstellen Sie eine einfache HTML-Seite. In den Body-Bereich schreiben Sie folgenden Code:

HTML-Code
<h1>Ist es schwierig?</h1>
<p>Es ist nicht schwierig.</p>
<p>Im Gegenteil:
Es ist einfach.</p>
 

Lassen Sie sich die Seite in einem Browserfenster anzeigen.

Überlegen Sie: Was bewirken die Tags <h1> und <p>?

Wie geht HTML mit Zeilenumbrüchen um?



HTML_2-2: Fehler im HTML-Quellcode finden

Berichtigen Sie den folgenden HTML-Quellcode und lassen Sie sich das Ergebnis im Browser anzeigen.

HTML-Code
<html>
<title>Dokumenttitel</title>
<body>
test
<html>
 



HTML_2-3: HTML-Seite interpretieren

Kopieren Sie den HTML-Code einer Webseite Ihrer Wahl in ein Word-Dokument. Markieren Sie die Ihnen bekannten Markups mit rot. Studieren Sie die Struktur des Dokuments.


Nach oben