Grundlagen HTML     - Tag (Mz. Tags) = Steuerbefehl, Vokabel der       „Programmiersprache“     - Tags werden immer in spi...
2. Regel:   Die Reihenfolge der Tags ist zu beachten!  Im Browserfenster soll der folgende Text erscheinen:  Die Reihenfol...
Grundgerüst einer HTML-Datei <html>           <head>                  <title>Dies ist eine HTML-Datei                  </t...
Browseransicht der HTML-DateiDer Text im <title>-Tag erscheint oben in der blauen Titelleiste des Browsers.Da im <body>-Be...
Grundgerüst mit InhaltFügt man Inhalte in Form von Text in den <body>-Bereich ein, …   <html>             <head>          ...
Browseransicht der HTML-Datei… so wird dieser Text lediglich als „normaler Text“ dargestellt!
Grundgerüst einer HTML-DateiUm beispielsweise eine Überschrift besonders hervorheben zu lassen,muss man diese im Quelltext...
Browseransicht der HTML-DateiDurch die Verwendung des Tags <h1> wird die Überschrift dicker,größer und vom restlichen Text...
Nächste SlideShare
Wird geladen in …5
×

html grundlagen

556 Aufrufe

Veröffentlicht am

0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
556
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
42
Aktionen
Geteilt
0
Downloads
3
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

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!

×