HGF-7e
Menü  
  Home
  New Homepage
  8.Klasse
  Extras
  HTML-Tutorials
  => 1.Was ist HTML?
  => 2.Unsere erste Webseite
  => 3.Textformatierung
  => 4.Teste dich!
  => 5.Die Grafiken
  => 6.Links
  => HTML-Forum
  => 7.Farben
  PHP-Tutorials
  Ski-Lager
  Wocheninfos
  Aktionen
  Schulaufgaben-Termine
  Gewinnspiele
  Newsletter
  Forum
  Gästebuch
  News
  Umfragen
  Galerie
  Login
  VersteckteSeiten
Alle Angaben ohne Gewähr
2.Unsere erste Webseite
In diesem Tutorial,werde ich mit euch eine kleine Webseite erstellen.
Damit ihr den HTML-Code besser herauserkennt,werde ich ihn in Grün schreiben.
Dann mal los!

Startet euren Editor,Notepad oder sonst irgendeinen Texteditor.
Dort gebt ihr nun folgendes ein:

<html>
<body>

Dieser Text wird auf dem Bildschirm ausgegeben!

</body>
</html>

Wählt nun Datei speichern unter aus.Nennt es "home.html" uns speichert es ab.
Erstellt dazu einen neuen Ordner,den ihr "Meine Homepage" nennt.
Hier kommen absofort alle HTML-Dokumente dieses Tutorials rein.
Das wars auch schon.Wenn ihr nun die Datei starten würdet,würde sich euer InternetExplorer/Firefox/etc. öffnen und es anzeigen.Und wenn ihr alles richtig gemacht habt,steht nun oben links in der Ecke:
"Dieser Text wird auf dem Bildschirm ausgegeben!"
Aber was ist hier überhaupt passiert?
Nun <html>,sagt eurem Computer,dass es sich hierbei um ein HTML dokument handelt und das es von hier aus beginnt.
<body> kommt aus dem englischen und heißt übersetzt "Körper".Hier kommt nun der komplette inhalt unserer Webseite rein.In diesem Fall ist es der Text.
</body> und </html> beenden das ganze.Diese 2 Wörter müssen immer am Schluss stehen.
Es gilt also:
Die ersten 2 Zeilen sind <html> und <body>,die letzten 2 Zeilen </body> und </html>

Die / sind übrigens sehr wichtig,da sie das den jeweiligen Code beenden.
Es ist außerdem sehr wichtig,dass das <body> am anfang steht und das </body> am ende.Denn alles was dazwischen steht,wird am Bildschirm ausgegeben.
Man kann also mit schon so wenig Code,eine kleine Seite machen.
Alle HTML-Befehle stehen übrigens in den <> Klammern.Last euch aber nicht durch sie verwirren.
Nun wollen wir aber den Text vielleicht auch Fett oder Unterstrichen haben.Das schauen wir uns mal im nächsten Tutorial an

Info:  
  Die Umfrage ist nun beendet und das Ergebnis lautet:

79%: Neue Homepage
21%: Alte Homepage

Klarer Sieger ist also die Neue.
Mehr Infos beim Link "8.Klasse"
 
Heute waren schon 19 Besucher (22 Hits) hier!
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden