HTML Tutorial

Hallo @ all

Ich möchte euch hier etwas über die Programmiersprache HTML erklären und beibringen. HTML ist eine Programmiersprache mit der Internetseiten programmiert werden können. Kommen wir zuerst mal zu dem Allgemeinen:

1. Alle Befehle in HTML stehen in diesen Klammern <BEFEHL>
2. Jedes HTML Dokument beginnt mit <html> und <body>

2.1 Das <HTML> ist erstmal nicht so wichtig. Es sagt dem Browser nur welche Programmiersprache gerade benutzt wird.
2.2 In den Body schreiben wir unsere Befehle und den Text den wir in unsere Webseite einbauen möchten.

3. 90% aller Befehle müssen wieder geschlossen werden. Dies geht z.B mit </body> oder </html>

1. Bespiel

<html>
<body>
Hallo Welt
</body>
</html>

Erstellt euch auf dem Desktop eine neue Textdatei und benennt diese um in Test.html Diese öffnet ihr nun mit dem Editor und schreibt das oben genannte Beispiel hinein. Wenn ihr die Datei nun mit dem Browser öffnet, sollte auf dem Bildschirm

"Hallo Welt" stehen.

In HTML kann man den Text nicht einfach in die nächste Zeile schreiben da kein Absatz erstellt wird. Dafür gibt es den Befehl . Er fügt hinter dem Geschriebenen einen Absatz ein. Man könnte z.B dies in die vorhin erstellte HTML Datei schreiben:

<html>
<body>
Hallo Welt 
Mein Name ist Shurtugal
</body>
</html>

Jetzt würden zwei Absätze eingfügt und dann der nachfolgende Text erscheinen. Aber noch sieht das ganz schön langweilig aus. Man könnte z.B die Schrift- und Hintergrundfarbe ändern. Dies geht mit den Befehlen <bgcolor=black und .

<bgcolor> muss mit in den <body> also schreiben wir nun <body bgcolor=black> und die Hintergrundfarbe wird schwarz. Nun öffnen wir einen neuen Befehl der heißt. In diesen schreiben wir und die Schriftfarbe wird rot. Im Fonst stehen also alle Formatierungen der Schrift z.B. Farbe, Schriftart und Größe. Auch der geschlossen werden.

Außerdem kann der Text auch noch Zentriert werden. Dies geht durch den Befehl <center bzw. </center>. Alles was zwischen diesen Beiden Befehlen steht wird in die Mitte des BIldschirms gesetzt.

Nun möchten wir auch noch die Schriftgröße ändern. Dies schreiben wir wieder in den Font. Der Befehl heißt <size>. Wir können zwischen 7 verschiedenen Größen wählen wobei 7 das größte und 1 das kleinste ist.

Der Quelltext würde jetzt so aussehen:

<html>
<body bgcolor=black>

<center>Hallo Welt</center> 
Mein Name ist Shurtugal

</body>
</html>

Alles Befehle nochmal aufgelistet:

<html> Startet das HTML Document
<body> Es beginnt der Eigentliche Programmbereich
<body bgcolor=black> Schwarzer Hintergrund
 Für die aktuelle Formatierung
 Schriftgröße
 Schriftfarbe
<center> Schrift wird zentriert
 der Text wird Unterstrichen
 der Text wird kursiv
 Neue Zeile

Was meinst Du, warum es viele umfassende Seiten im Netz gibt, die einen dabei helfen sollen, HTML zu erlernen? Weil es nicht so einfach ist, dass man das mal eben auf die Schnelle erlernen kann und es dann auch in jedem Browser gleich aussieht! Mal abgesehen von den qualitativen Unterschieden, die eine HTML-Datei beinhalten kann.

Ich möchte euch hier etwas über die Programmiersprache HTML erklären und beibringen. HTML ist eine Programmiersprache mit der Internetseiten programmiert werden können. Kommen wir zuerst mal zu dem Allgemeinen:

Falsch! HTML ist die Hypertext Markup Language übersetzt die Hypertext Auszeichnungssprache. Mit Programmieren hat HTML nichts zu tun, es ist schlichtweg keine Programmiersprache.

Bevor Du den Leuten hier vermitteln möchtest, dass HTML so einfach ist, beschäftige Dich erst einmal selbst wirklich damit, denn aus deinem Post kann man nur erkennen, dass Du mal auf eine Seite geschaut hast und jetzt meinst, die HTML zu beherrschen. Ich wollte eigentlich deine Fehler hier einzeln aufführen, aber das würde einfach viel zu lange dauern, da man HTML zwar schon etwas zusammenfassend erklären kann, aber sicherlich nicht so.

Zumal auch all das, was man den Leuten nicht erzählt, weil es ja erst einmal nicht so wichtig ist, später, wenn man davor sitzt, wichtig ist und man dann am besten seine ganze Seite deutlich ausgedrückt in den Papierkorb verschieben kann. Wenn man ernsthaft vorhat HTML zu erlernen, soll man das tun, aber man sollte nicht nach kleinen unausgefeilten Tutorials Ausschau halten, die von einer Programmiersprache reden und die einem die HTML innerhalb von zwei Minuten erklärt hat.

Dein Tutorial ist einfach falsch und das ist eine Tatsache und daher überhaupt nicht nützlich.

Es war auch nur eine Idee, dann halt nicht. Aber versuch mir bitte nicht zu erklären was HTML ist und was für Fehler ich gemacht habe. Ich bin im dritten Lehrjahr des Informationstechnischen Assistenten. Ich weiß also genau was ich sage und schreibe.

Sollte nur einfach erklärt werden aber wenn das nicht gewünscht ist dann halt nicht.

HTML ist keine Programmiersprache! Es ist eine Auszeichnungssprache, mit der du eben Sachen sogesehen "beschreiben" kannst. Programmiersprachen hingegen sind beispielsweise C, C++ und Pascal. Es gibt aber noch mehrere Programmiersprachen. Eine vollständige Liste kannst du hier nachschauen. Darunter wirst du kein HTML finden (PHP schon, ist aber auch wieder etwas anderes).

Wenn du wissen willst, was HTML bedeutet, dann lies dir mal hier den ersten Abschnitt durch, oder frag deinen Lehrer doch nochmal. Ich glaube eher kaum, dass er selber gesagt hat, dass HTML eine Porgrammiersprache ist, ansonsten hat er was falsches gelernt und unterrichtet!

PS: Ansonsten fand ich das Tutorial für Anfänger einigermaßen nützlich, gut die Informationen bekommt man auf so ziemlich jeder Seite, die HTML lehren möchte, aber sonst war es in Ordnung.

PS: Ansonsten fand ich das Tutorial für Anfänger einigermaßen nützlich, gut die Informationen bekommt man auf so ziemlich jeder Seite, die HTML lehren möchte, aber sonst war es in Ordnung.

Ich finde, dass vermittelt Shurtûgal nur, dass er es ja eigentlich noch ganz gut gemacht hat und schon allein deswegen hätte ich so einen Satz nicht geschrieben, denn es geht ja nicht nur darum, das die HTML keine Programmiersprache ist.

@Shurtûgal: ich hatte bis eben noch gar nicht gesehen, dass Du nochmal geantwortet hast und es ist nicht Dir gegenüber beleidigend gemeint oder soll Dich angreifen, also solltest oder musst Du meine Meinung nicht persönlich nehmen.

Ich sehe hier kaum einen Grund, nicht darauf hinzuweisen, dass dein Tutorial nun mal nicht fachlich korrekt ist. Würdest Du zumindest erst einmal sämtliche falsche Begriffe aus dem Tutorial entfernen...

Du sagst ja selbst, dass es für Anfänger gedacht sein soll, dabei weiß ich nicht, was deine Ausbildung beinhaltet oder wo Du das von wem gelernt hast, also wenn Du feststellst, dass meine Einwände Sinn ergeben, dann lies nochmal in deinen Unterlagen nach oder frage wirklich deinen Lehrer, was er Euch für einen Unsinn beibringt.

Ich möchte euch hier etwas über die Programmiersprache

Das die HTML eine Auszeichnungssprache ist, hatte ich ja schon erwähnt, dass kannst Du auch überall nachlesen, ebenso wo der Unterschied zu einer Programmiersprache liegt, z.B. in

Wikipedia unter Sprachtyp.

Kommen wir zuerst mal zu dem Allgemeinen:
1. Alle Befehle in HTML stehen in diesen Klammern <BEFEHL>

Ein Element steht in diesen Klammern, Befehle findest Du in Programmiersprachen.

2. Jedes HTML Dokument beginnt mit <html> und <body>

Wo ist denn <head>, es gibt also auch keinen <title> etc.? Beginnt mit <html> und <body> ist auch nicht wirklich korrekt, generell gibt es ja auch noch weitere Angaben (Dokumententyp und wie sich dieser aufbaut).

Auf die falschen Bezeichnungen, die sich wiederholen, gehe ich jetzt nicht mehr ein.

3. 90% aller Befehle müssen wieder geschlossen werden. Dies geht z.B mit </body> oder </html>

Mehr als 90%

der Elemente müssen in HTML wieder geschlossen werden. Du schreibst aber nicht, was für Elemente es überhaupt gibt?

Erstellt euch auf dem Desktop eine neue Textdatei und benennt diese um in Test.html Diese öffnet ihr nun mit dem Editor und schreibt das oben genannte Beispiel hinein. Wenn ihr die Datei nun mit dem Browser öffnet, sollte auf dem Bildschirm

"Hallo Welt" stehen.

Als Anfänger weiß ich nicht unbedingt, was ein Editor ist und wo finde ich den?

In HTML kann man den Text nicht einfach in die nächste Zeile schreiben da kein Absatz erstellt wird. Dafür gibt es den Befehl . Er fügt hinter dem Geschriebenen einen Absatz ein. Man könnte z.B dies in die vorhin erstellte HTML Datei schreiben:

<html>
<body>
Hallo Welt 
Mein Name ist Shurtugal
</body>
</html>

Jetzt würden zwei Absätze eingfügt und dann der nachfolgende Text erscheinen.

Was ist denn und warum machst Du gerade das nicht wieder zu, ist wohl eine Ausnahme? Und gibt es nicht vielleicht ein Element, welches auch zu einem Textabsatz führt?

Aber noch sieht das ganz schön langweilig aus. Man könnte z.B die Schrift- und Hintergrundfarbe ändern. Dies geht mit den Befehlen <bgcolor=black und .

<bgcolor> muss mit in den <body> also schreiben wir nun <body bgcolor=black> und die Hintergrundfarbe wird schwarz. Nun öffnen wir einen neuen Befehl der heißt. In diesen schreiben wir und die Schriftfarbe wird rot. Im Fonst stehen also alle Formatierungen der Schrift z.B. Farbe, Schriftart und Größe. Auch der geschlossen werden.

ist also auch ein Element, dazu noch eines, welches nicht mehr gerne gesehen wird, da es ja für das Design einer Seite die Cascading Stylesheets gibt und zudem kann jemand ja auch einen total veralteten Browser nutzen, der mit CSS nichts anfangen kann. Dann ist es auch gut, dass Du das Beispiel unten noch einmal bringst, denn nach dem reinen Text hier hätte ich nicht verstanden, wie meine Seite mit den Elementen jetzt aussieht.

[/Außerdem kann der Text auch noch Zentriert werden. Dies geht durch den Befehl <center bzw. </center>. Alles was zwischen diesen Beiden Befehlen steht wird in die Mitte des BIldschirms gesetzt.

Warum zeichnest Du deinen Text denn nicht als solchen aus?

Nun möchten wir auch noch die Schriftgröße ändern. Dies schreiben wir wieder in den Font. Der Befehl heißt <size>. Wir können zwischen 7 verschiedenen Größen wählen wobei 7 das größte und 1 das kleinste ist.

Das ist veraltet und wird wohl irgendwann einmal in Zukunft entfernt werden, 1 ist nicht das kleinste, weil es ja noch negative Zahlen gibt. Dazu empfehle ich Dir

diesen Text durchzulesen, da steht auch drinnen, was es da für Komplikationen gibt.

Der Quelltext würde jetzt so aussehen:

<html>
<body bgcolor=black>

<center>Hallo Welt</center> 
Mein Name ist Shurtugal

</body>
</html>

Damit wäre der Quelltext auch nicht valide, aber was ein Validator ist, weiß ich ja nicht, deswegen ist das für mich als Anfänger dann auch egal?

Der Validator sagt: "Errors found while checking this document as HTML 4.01 Transitional! Result: 4 Errors, 4 warning(s)".

Alles Befehle nochmal aufgelistet:

Die Elemente, die Du hier benutzt hast, alle sind das nicht.

<html> Startet das HTML Document

Die Dokumenttyp-Deklaration steht am Anfang, nicht das Element <html>.

der Text wird Unterstrichen
 der Text wird kursiv

Die hast Du aber gar nicht benutzt?

Neue Zeile

Hier lese ich, dass man damit einen Zeilenumbruch erzwingt? Wie bekomme ich die Datei jetzt ins Internet? Das sind nur mal einige Dinge, die mir dazu eingefallen sind, aber HTML kann ich mit der Anleitung hier nicht.

Ich habe einen Beruf erlernt, der hiermit nichts zu tun hat, aber in meinem Beruf ist es wie in vielen anderen wichtig, dass eine Kleinigkeit auch bedeutend ist und zu einem vollkommen anderen Ergebnis führen kann, dass ich etwas falsch gemacht habe und das habe ich auch. Als ich HTML gelernt habe, habe ich ebenso Fehler gemacht und mit vielen Pausen zwischendurch mich dann wieder mal hingesetzt und gelernt, aber Fehler können ja auch dazu da sein, dass man es besser macht in der Zukunft. Wenn euer Lehrer Euch das so beibringt und wenn Du das wirklich in deinem Beruf benötigst, sollte er sich mal auf den neuesten Stand bringen und CSS existiert schon seit über einem Jahrzehnt, ich meine auch gerade dann in Hinblick auf deinen Beruf, da setzen die vielleicht anderes Wissen voraus.

HTML Tutorial

Ist dieses Tutorial gut verständlich?

Ähnliche Themen

Weitere interessante Themen

Neue aber noch unbeantwortete Themen

Aktuell 6 beste Themenschreiber der Woche