members.Deine-erste-Homepage.de

Dein Log-in:

Dein Homepage-Bauplan:

1. Wie eine Homepage grundsätzlich aufgebaut ist

2. Seitenbeschreibungssprache HTML

2.1. Was ist HTML

2.2. Grundaufbau einer HTML-Seite

2.3. Anzeigen von Text

2.4. Anzeigen von Bildern

2.5. Anzeigen von Links

2.6. Abspielen von Musik

2.7. Anzeigen von Videos

2.8. Anzeigen von Tabellen

2.9. Kommentare im Quelltext

3. Seitenformatierung mit CSS

3.8. Das Flexbox-Modell

3.9. Das Felxbox-Modell

3.9. Das Grid-Layout-Modell

4. Die Skriptsprache JavaScript

5. Die Skriptsprache PHP

6. Die Datenbanksprache MySQL

9. Lexikon

2.2. Grundaufbau einer HTML-Seite

Der Grundaufbau einer Webseite ist folgender:



Alle Befehle (Tags) sind jeweils in spitze Klammern eingeschlossen; z.B. <body>. So kann der Browser die Befehle vom eigentlichen Seiteninhalt (also dem Text) unterscheiden.

Die einzelnen Codezeilen bedeuten Folgendes:

Eine HTML-Datei beginnt immer mit dem Tag <html> und endet immer mit dem Tag </html>.

Daran erkennt der Browser, dass es sich um eine HTML-Datei (also eine Webseite) handelt.

Alle Tags haben (von wenigen Ausnahmen abgesehen) immer einen Anfang und ein Ende. Das Ende-Tag hat den gleichen Namen wie das Anfangs-Tag; nur dass ihm ein Schrägstrich vorangestellt ist: <html> ... </html>.

Wie Du vielleicht schon siehst, besteht eine HTML-Seite immer aus 2 Bereichen: dem <head>- und dem <body>-Bereich.

Der head (Kopf) enthält Steuer-Informationen für den Browser und die Suchmaschinen. Und der body enthält den eigentlichen Webseiteninhalt (Texte, Bilder, Audios, Tabellen, Videos, Diagramme usw.) .

Übrigens kannst Du den in den einzelnen grauen Code-Boxen angezeigten Code kopieren und in Deine Webseite einfügen. So sparst Du Dir viel Programmier- und Tipparbeit. Du musst dabei natürlich die Numemrierung entfernen.

Grundsätzlich besteht der Quelltext einer Webseite immer nur aus Text. Daher lässt er sich sehr leicht schon mit dem einfachsten Texteditor bearbeiten. Es gibt auch sogenannte Entwicklungsumgebungen für alle möglichen Programmiersprachen und eben auch für HTML. Die arbeiten teilweise auch mit sogenannter Syntax-Hervorhebung. Ich selber allerdings bevorzuge einen ganz einfachen Texteditor ohne jeglichen Schnickschnack. Was Dein Texteditor allerdings unbeding haben sollte, ist eine Zeilennummerierung. Denn die meisten Webserver liefern bei Fehlermeldungen auch gleich die entsprechende Zeilennummer aus dem Skript mit. So musst Du nicht den gesamten Quellcode nach dem Fehler durchsuchen, sondern kannst gleich zur entsprechenden Zeilennummer gehen.

Ich selber nutze den Texteditor Win32Pad, den Du Dir hier kostenlos herunterladen kannst.


Wenn Du Fragen hast, nutze einfach mein Kontaktformular.