Wenn dieser Bereich dazu nicht passt, bitte ich es zu verschieben. Da es nur für RetroHotels ist. Aber ein TuT Bereich ist.
Yo, liebe User!
Heute wollte ich ein kleines Tutorial über die Sprache [i]HTML[i] verfassen.
Es ist nicht so schwer, wie manche denken, also fangen wir mal an!
Bei HTML gibt es verschiedene Tags, die wichtigsten sind:
-<html> Tag Der <html> Tag kommt zuvor als erstes auf einer Editor Seite.
-<head> Tag Der <head> Tag kommt unter den <html> Tag und bestimmt. zum Beispiel die Überschrift der Tab-Seite im Browser.
-<body> Tag Der <body> Tag kommt alles rein, was mit der Seite zutun hat, wie z.B Background, Bilder, Schrift, Texte, eigentlich alles.
Ein Beispiel:
<html>
<head>
<title> Marcelator.de - Wartungsmodus! </title>
</head>
<body bgcolor="#000000">
<center>
<font color="#FFFFFF"><marquee>RetroHotel.cc//tolle Community//nette Staffs//viele Events//CHECK EIN!</marquee>
<h1><b><font color="#FFFFFF"">Die Seite von Marcelator ist zurzeit im Wartungsmodus!<div>
Auf der Seite wird eventuell Tutorials für HTML, CSS und PHP sein.<div>
Ich wünsche euch noch viel Glück!<div>
Hotel: RetroHotel.cc oder Fanseite: RetroCentral.de!<div></font>
<img src="images/Sexy.png">
</body>
</html>
Um ein Tag abzuschließen sieht man im Beispiel auch, schreibt man das gleiche nochmal, aber davor ein "/".
Beispiele:
</html>
</head>
</body>
Begriffserklärung:
-<title> Test </title> = beschreibt die Tab Überschrift im Browser.
-<body bgcolor="#000000"> = Setzt die Hintergrund Farbe der Seite in dem Fall auf Schwarz.
-<center> = setzt die ganze Seite in die Mitte.
-<font color="#FFFFFF">Test</font> = verfasst die Schriftfarbe in weiß.
-<marquee>RetroHotel.cc//tolle Community//nette Staffs//viele Events//CHECK EIN!</marquee> = Ist ein Seitenalert der oben angezeigt wird.
-<img src="images/Sexy.png"> = Zeigt ein Bild im Ordner "images" an.
Dies kannst du z.B ausprobieren in dem du den Beispiel Text kopierst und in ein Editor einfügen und dann abspeichern unter "index.html" und es dann mit deinem Browser öffnen.[/quote]
Ich hoffe ich konnte euch mit dem kleinen Tutorial helfen.
