Das Grundgerüst einer HTML-Datei – Teil 2 – head und title

Das Grundgerüst einer HTML-Datei – Teil 2

In meinem letzten HTML Tutorial Grundgerüst einer HTML Datei Teil 1 habe ich Ihnen die html und body Tags vorgestellt.
Man nennt dies auch Elemente.

Nun möchte ich Ihnen den head Bereich erklären.
Der head Bereich kommt vor den body Bereich.
head ist das englische Wort für Kopf und body steht für Körper.
Wir setzen nun also den Kopf auf den Körper.

Code:

<html>
 <head>
 </head>
 <body>
  Auch ohne HTML Formatierungen kann man dies hier im Browser anzeigen lassen!
 </body>
</html>

Wofür ist dieser Kopfbereich nun gedacht?

Hier werden z.B. die meta Tags gesetzt. Dies sind Tags, die den Browser und die Suchmaschine darüber informieren, wann die Seite zuletzt aktualisiert wurde, von wem sie geschrieben wurde, welche Suchbegriffe darin vorkommen, welche CSS-Dateien oder Javascript-Dateien eingebunden werden sollen, wie der Titel der Seite lautet usw. usw.

Mit den Meta-Tags werde ich mich im nächsten Tutorial umfassend auseinandersetzen.

Heute stelle ich Ihnen den Titel vor:
Schauen Sie mal oben über die Menüleiste des Browsers. Dort können Sie die Überschrift dieser Seite lesen: Das Grundgerüst einer HTML-Datei – Teil 2 – head und title

Diese Überschrift, die übrigens für die Suchmaschinen einen sehr hohen Stellenwert hat, fügen wir in die title Tags im head Bereich ein:

Code:

<html>
 <head>
  <title>Dies ist der Satz, der im Titel steht</title>
 </head>
 <body>
  Auch ohne HTML Formatierungen kann man dies hier im Browser anzeigen lassen!
 </body>
</html>

Speichern Sie diese Datei und öffnen Sie sie in Ihrem Browser.
Sie werden sehen, daß der Text zwischen den title Tags nun in der Kopfleiste Ihres Browsers angezeigt wird.

Share and Enjoy: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • Y!GG
  • Webnews
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • Alltagz
  • Ask
  • BlinkList
  • Bloglines
  • blogmarks
  • Facebook
  • Furl
  • Google Bookmarks
  • Infopirat
  • Linkarena
  • Live-MSN
  • MySpace
  • Newstube
  • SEOigg
  • Tausendreporter
  • Technorati
  • TwitThis
  • Weblinkr
  • Wikio DE
  • YahooMyWeb
  • Blogosphere News
  • Linkarchiv

Related posts:

  1. Das Grundgerüst einer HTML-Datei Teil 1 In einer HTML Datei muß man sich mit Tags auseinandersetzen....
  2. HTML Datei erstellen Wer noch nie eine Internet-Seite erstellt hat, fragt sich in...
  3. Tabellen in HTML – Teil 1 Heute möchte ich damit beginnen Euch zu erklären, wie Ihr...
  4. Formulare in HTML Teil 2 Es gibt eine weitere Möglichkeit dem Besucher eine Auswahl zu...
  5. Tabellen in HTML – Teil 4 thead, tbody, tfoot ...Heute möchte ich Euch erklären, wie Ihr größere Tabellen in...

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>