1. 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. 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.
3. 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!
4. 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!
5. 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>
7. 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>
8. Browseransicht der HTML-Datei
Durch die Verwendung des Tags <h1> wird die Überschrift dicker,
größer und vom restlichen Text abgerückt dargestellt!