Downloaden Sie, um offline zu lesen
html grundlagen
- 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 DerText 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ügtman 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>
- 6. Browseransicht der HTML-Datei …so wird dieser Text lediglich als „normaler Text“ dargestellt!
- 7. Grundgerüst einer HTML-Datei Umbeispielsweise 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 Durchdie Verwendung des Tags <h1> wird die Überschrift dicker, größer und vom restlichen Text abgerückt dargestellt!