Sie sind auf Seite 1von 9

Vorbemerkung

 Erstelle dein html Dokument im Editor


und speichere es als .txt ab.

 Speichere es dann nocheinmal als .html


ab.

 Die txt-Datei kannst du bearbeiten.

 Die html-Datei kannst du dir im Browser


ansehen.
Grundlagen HTML
- Tag (Mz. Tags) = Steuerbefehl, Vokabel der
„Programmiersprache“

- Tags werden immer in spitze Klammern gesetzt.


Beispiele: <html>, <body>, <i> oder <title>

Es gibt 3 Grundregeln für das Einbinden von Tags:

1. Regel:
Tags müssen grundsätzlich korrekt geöffnet und
geschlossen werden!
Beispiel: <title> Meine erste Homepage </title>
2. Regel:
Die Reihenfolge der Tags ist zu beachten!

Im Browserfenster soll der folgende Text erscheinen:


Die Reihenfolge der Tags ist wichtig.
Der <i>-Tag (kursiv) wird erst beendet, nachdem
der eingeschobene <b>-Tag (Fettdruck) abge-
schlossen ist.
<i>Die Reihenfolge der Tags ist <b>wichtig</b></i>.

3. Regel:
Unterscheidung von Groß- und Kleinschreibung!
Es macht keinen Unterschied, ob man Tags groß oder
klein schreibt.
Der <body>-Tag kann auch als <BODY>, <Body>
oder <BOdy> geschrieben werden.
Grundgerüst einer HTML-Datei

<html>
<head>
<title>Dies ist eine HTML-Datei
</title>
</head>
<body>

</body>
</html>

Der Inhalt, der im Browserfenster zu sehen sein soll, wird in den


<body>-Bereich (grün) eingefügt!
Browseransicht der HTML-Datei

Der Text im <title>-Tag erscheint oben in der blauen Titelleiste des Browsers.

Da im <body>-Bereich kein Inhalt eingefügt wurde, erscheint ein leeres


Dokument!
Grundgerüst mit Inhalt
Fügt man Inhalte in Form von Text in den <body>-Bereich ein, …
<html>
<head>
<title>Dies ist eine HTML-Datei
</title>
</head>
<body>

Überschrift

Texte

Bilder

</body>
</html>
Browseransicht der HTML-Datei
… so wird dieser Text lediglich als „normaler Text“ dargestellt!
Grundgerüst einer HTML-Datei
Um beispielsweise eine Überschrift besonders hervorheben zu lassen,
muss man diese im Quelltext gesondert markieren.

<html>
<head>
<title>Dies ist eine HTML-Datei
</title>
</head>
<body>
<h1>
Überschrift
<h1> macht die Überschrift
</h1> erst zur Überschrift!

Texte

Bilder

</body>
</html>
Browseransicht der HTML-Datei
Durch die Verwendung des Tags <h1> wird die Überschrift dicker,
größer und vom restlichen Text abgerückt dargestellt!

Das könnte Ihnen auch gefallen