HTML?

Hier wird erklärt, was HTML, CSS, PHP und Javascript überhaupt sind.

Inhaltsverzeichnis
1) Was ist HTML? Wofür braucht man es?
2) Grundgerüst
3) Sonderzeichen
4) Wie verwendet man HTML
5) CSS
6) PHP
7) Javascript

1) Was ist HTML? Wofür braucht man es?

HTML (HyperText Markup Language) ist eine Beschreibungssprache für Dokumente. Die Struktur des Textes, das Seitenlayout und all solche Dinge können mit HTML bestimmt werden. Dafür gibt es immer bestimmte Befehle.
So ein HTML-Dokument (erkennt man an der Dateiendung .html oder .htm) wird dann in Browsern, wie zB dem Internet Explorer, Mozilla Firefox oder Opera dargestellt.
Also ums kurz zu fassen: HTML ist eine Sprache, indem man sich Dokumente schreiben kann, die dann im Internet mit verschiedenen Browsern angesehen werden können.

2) Grundgerüst

Jedes HTML-Dokument hat ein bestimmtes Grundgerüst. Es gibt zwei wesentliche Teile: Einmal den Header (dort werde Titel des Dokumentes und andere Angaben geschrieben) und einmal den Body (dort kommt der eigentlich Text hin, mit Bildern, Links und all dies, was man später gesehen haben will)

Das Grundgerüst:

Ihr könnt es ja mal ausprobieren. Kopiert diesen kleinen Teil von oben und fügt ihn in den Editor ein. Dazu geht ihr auf Start --> Programme --> Zubehör --> Editor
Dort reinklopieren, dann speichert ihr eure Datei ab und hängt hinter eurem Dateinamen .html
Den Punkt vor html nicht vergessen! Dann ist dies als HTML-Datei abgespeichert worden. Ihr könnt dann zB einen anderen Titel hinschreiben, und ein bisschen Text im body hinschreiben.
Öffnet dann euer gespeichertes HTML-Dokument im Internet Explorer zB (oder einem anderen Browser). Dann werden ihr ganz oben den Titel wiederfinden (wie zB auf der Hp Hilfe "Die Homepage-Hilfe") und in der Mitte euren Text.

3) Sonderzeichen

Sonderzeichen, wie zB die Anführungszeichen, Umlaute, das Und-Zeichen und andere, werden mit bestimmten "Codes" geschrieben. Wenn man zB ein Und-Zeichen & einfach so hinschreibt, kann es vorkommen, das dies nicht in allen Borwsern dargestellt wird. Dann kommt irgendein anderer Salat raus. Also am besten Sonderzeichen vermeiden, oder sie richtig schreiben.

Hier findet ihr eine kleine Liste mit Symbolen/Sonderzeichen, deren Codes und ein Name (den HTML Code findet ihr unter der Überschrift Unicode Normalzeichen). Liste Smybole/Sonderzeichen mit deren HTML Code

4) Wie verwendet man HTML?

Wenn ihr euch ein eigenes HTML-Dokument schreiben wollt, dann fangt mit dem Grundgerüst an, das ich euch weiter oben als zweites erklärt habe. Schreibt es einfach in euren Microsoft Editor (Start --> Programme --> Zubehör --> Editor) und speichert es als HTML-Datei ab, indem ihr hinter eurem Datenamen .html schreibt.
Wenn ihr anderen Befehle kennen lernen wollt, dann googelt am besten ein wenig.

Hier habe ich mal eine kleine Liste zusammen gestellt:

- Ein kleiner HTML-Einführungskurs
- HTML Grundkurs
- Das Grundgerüst Schritt für Schritt erklärt

- HTML Kurzreferenz: Befehle, Symbole etc
- Wichtige HTML Befehle

- HTML Text-Schrift-Farben
- HTML Text-Schrift-Arten
- HTML Text-Schrift-Größen
- HTML Schriftattribute

5) CSS?

CSS (Cascading Style Sheets) ist eine Gestaltungs-Sprache. Damit kann man quasi "Extras" für die Hp bestimmen. Man kann die Scrollbalkenfarbe definieren, Linkfarben etc und auch Schriftattribute. Man kann zB nur durch einen kleinen CSS Style die gesamte Schriftart, -farbe und -größe bestimmen, ohne alles mit den einzelnen Tags zu schreiben.Auch hier gibt es quasi wieder ein "Grundgerüst".Wenn etwas neu definiert wird, schreibt man erstmal das Wort hin, beginnt es mit einer Klammer und es endet wieder mit einer Klammer. zB hier eine Linkdefinierung:

Einzelne Attribute, wie in meinem Beispiel Farbe und Text-Dekoration werden mit einem Semikolon ; getrennt.
In meinem Beispiel wäre jetzt also ein Link schwarz (Hexwert bei color: #000000) und wäre unterstrichen (text-decoration: underline)
- CSS Scrollbalkenfarben
- CSS Links
- CSS Schriftart

Weitere Sachen könnt ihr ja selber googeln.

6) PHP?

PHP (PHP Hypertext Preprocessor) ist eine serverseitige Scriptsprache. Bei Oyla.de kann man aber kein PHP verwenden.
Hier einige Links:

- PHP Einstieg: Was ist PHP und kann ich es gebrauchen
- PHP Einführung

7) Javascript?

Javascript ist nicht das gleiche wie HTML! Javascript braucht mit nicht unbedingt für eine Homepage, sie sind also nicht nötig. Man kann damit aber quasi kleine Special Effects machen. Einiges interessanter gestalten. Es gibt zB auch Scripts, bei denen man keinen Rechtsklick auf einer Page machen kann. So kann evtl. ein leichter Versuch etwas zu kopieren, verhindert werden.
Hier einige Codes:

Hinweis: Oyla.de-Benutzer können die Javascript nur in die Javascript-Konsole einfügen, da sie sonst nicht funktionieren!

- Kostenlose Javascripts
- Viele verschiedene Javascripts
- Javascript-Welt
- Java HTML

Weitere Seiten könnt ihr auch hier selber googeln ;]