html grundlagen

538 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
538
On SlideShare
0
From Embeds
0
Number of Embeds
43
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

html grundlagen

  1. 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. 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. 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. 4. Browseransicht der HTML-DateiDer Text im <title>-Tag erscheint oben in der blauen Titelleiste des Browsers.Da im <body>-Bereich kein Inhalt eingefügt wurde, erscheint ein leeresDokument!
  5. 5. Grundgerüst mit InhaltFü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>
  6. 6. Browseransicht der HTML-Datei… so wird dieser Text lediglich als „normaler Text“ dargestellt!
  7. 7. Grundgerüst einer HTML-DateiUm 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. 8. Browseransicht der HTML-DateiDurch die Verwendung des Tags <h1> wird die Überschrift dicker,größer und vom restlichen Text abgerückt dargestellt!

×