Oma Berta programmiert - developing for beginner

Kurz-Erklärung:

Oma-Berta programmiert:

Das solltest du im Schlaf wissen -.)

HTML ist die Abkürzung für Hyptertext, Markup-Language. HTML ist keine Programmiersprache, sondern eine sogenannte Auszeichnungssprache, oder auch „Markup-Sprache genannnt. Mit HTML kannst du z. B. das Grundgerüst einer Webseite erstellen. So schaut zum Beispiel ein HTML-Gerüst aus. ( Siehe Grafik unten). Der Code ist in Visual-Studio-Code geschrieben, dort kannst du z. B. auch Webseiten entwickeln und deinen eigenen Code schreiben.

Um deine Webseite anschauen zu können in Visual-Studio-Code ist das erste was du machst, den sogenannten Live-Server zu installieren, damit du auch sehen kannst, wie deine Webseite aussieht. Alle Infos findest du hier zum Thema Visual-Studio-Code.

Und noch ein Tipp: Alles was du ab Zeile 9 einträgst in den Code, wird dir direkt auf deiner homepage angezeigt in Visual-Studio-Code. Ab Zeile 9 beginnt nämlich der sogenannte Body-Bereich.

Ein Beispiel von Schulhof-Programmierung, wie du eine kleine Homepage für Katzen aufbaust in Visual-Studio-Code findest du hier. (Katze)

html-Gerüst — So sieht ein HTMl Grundgerüst einer Webseite aus.

Lies mich: Hilfe, ich kapier nix

Also ich erkläre dir hier mal Zeile für Zeile was passiert hier genau?

Zeile 1 : Hier wird das HTML eingeleitet

Zeile 2: Hier steht, dass es auf Englisch ist

Zeile 3 Hier beginnt der sogenannte Head-Bereich. Jedes HTML-Gerüst ist in einen sogenannten „Head-Bereich“ gegliedert, oder Kopf-Bereich genannt.

Zeile 4 Das bedeutet, dass du auch Sonderzeichen nutzen kannst.

Zeile 5 ist für das Responsive

Zeile 6 Hier kannst du einen Titel einfügen

Zeile 7 Hier ist der Head-Bereich abgeschlossen.

Zeile 8 und Zeile 9 Hier wird es spannend, hier beginnt der sogenannte Body-Bereich, der wichtigste Bereich, denn alles was du im Zwischenbereich vom Body einfügst, also alles ab Zeile 9, wird dir direkt auf der homepage angezeigt. Das heißt, hier kannst du Bilder einfügen, Texte einfügen etc. Der wesentliche Unterschied zwischen dem Head-Bereich und dem Body-Bereich ist, dass der Head-Bereich oben, nur allgemeine Angaben enthält. Der Body-Bereich ist der wichtigste Bereich, weil du hier direkt deinen Code reinschreibst, also ab Zeile 9 haust du in die Tasten-:)

In Zeile 10 endet der Body-Bereich. Natürlich ist dieser beliebig erweiterbar, je mehr Code du ab Zeile 9 einträgst.

Ich weiß nicht, wann ein Bereich endet?

Auch das ist einfach. Ein Bereich endet immer dort wo ein sogenannter Slash ist. Das heißt, ein Schrägstrich. Hier wird der Body unten z. B. geschlossen. Es gibt also sozusagen ein Anfang und ein Ende des Bodys und immer im Zwischenraum, dort schreibst du deinen Code rein. Ganz einfach oder?

<body> Hier ist es geöffnet, hier beginnt also der Body.

</body> Hier ist es geschlossen, weil hier so ein Schrägstrich steht. /

Und in Zeile 11, ist das gesamte HTMl-Gerüst abgeschlossen.

Unterschied – Java und Java-Script