Hey und herzlich wilkommen zu diesem reinem HTML Tutorial,
ich habe festgestellt, dass es in diesem Forum noch kein richtiges HTML Tutorial zu geben scheint (klärt mich bitte auf wenn ich mich irre). Also beschloss ich, selber eines zu schreiben. Das Tutorial wird in mehrere Abschnitte eingeteilt sein, damit man sich besser zurecht findet. Außerdem werde ich so viele Bilder und Erklärungen zur Verfügung stellen wie nur geht. Aber jetzt soll es erstmal mit dem 1. Part losgehen:
Grundlagen :
Zuerst benötigen wir einen guten Editor, der euch mit Farbmarkierungen hilft, den Durchblick zu behalten, ich empfehle euch hier
, ihr könnt allerdings auch andere benutzen. Wenn ihr dann euren Editor gestartet habt (in meinem Fall Notepad++), sollte es ungefähr so aussehen :
Jetzt wollen wir als erstes mit unserem Editor ein HTML Dokument erstellen, dies tuen wir in dem wir auf "Speichern unter" klicken, und das Dokument, unter einem beliebigen Namen speichern (es empfiehlt sich index). Wichtig ist nur, dass ihr als Dateiendung .html drin habt. Ungefähr so:
Nun kommen wir zum eigentlichen HTML-Code...
Ein HTML-Code ist immer in ein bestimmtes Grundgerüst eingeteilt. Das sieht so aus:
PHP Code:
<html>
<head>
</head>
<body>
</body>
</html>
Ihr könnt sehen, dass alles in sogenannte "Tags" eingeteilt ist. Das ist fast ausnahmslos bei jedem HTML Befehl so.
Tags werden IMMER so geöffnet :
und so geschlossen :
Der Unterschied besteht in dem "/" vor dem Tag. Der Tag ohne "/" öffnet einen Tag und der mit "/" schließt ihn wieder. Alles was zwischen der Öffnung und der Schließung des Tags steht, wird in ihn mit einbezogen.
Nun zur Erklärung des Grundgerüsts:
- Der HTML Tag gibt einfach nur an, dass es sich um ein HTML Dokument handelt.
- Im HEAD Bereich findet man hauptsächlich Dinge, dir für die Funktionalität der Seite zuständig sind. Der HEAD macht also wie beim Menschen die "Denk-Arbeit".
- Der BODY Bereich ist der Körperbereich, in ihm finden sich Dinge wie Bilder, Links oder Texte zur Seite.
So sieht das ganze dann im Editor aus :
Nun wollen wir unseren ersten Tag angeben, und zwar im HEAD Bereich, den
Tag.
Dieser gibt den Titel der Seite an, dass ist der Text der nachher bei euch oben im Tab steht. Das ganze sieht dann so aus:
PHP Code:
<title>Meine erste Website</title>
Auch hier könnt ihr wieder das System mit den Tags erkennen, alles was zwischen den beiden Tags steht, ist der tatsächliche Titel.
Insgesamt sollte euer Dokument bisher so aussehen:
Ich hoffe ihr habt bis her alles verstanden, ich würde mich über ein Thnaks freuen wenn es euch gefallen hat, im nächsten Part geht es um die ersten Texte
Bis dann
Der Captain
sry falsches forum, pls close
