ForumWebsite ProgrammierungTutorials ≫ 1.2 HTML - Hallo Welt
Antworten 1 von 1
1.2 HTML - Hallo Welt
von Tomek92 ≫ 20.10.2019 21:34:09
 ”  1.2 HTML - Hallo Welt
von Tomek92 ≫ 20.10.2019 21:34:09
 ” 

Tomek92
Hallo Welt
Wie jeder andere fange auch ich mit dem bekannten Hallo Welt Script an. Zunächst starten wir unseren Syntax Highlighter. (In meinem Fall Programmer's Notepad).
Zu Beginn ist das Programm auf Englisch. Das lässt sich jedoch wie folgt ändern:

Wir gehen auf Tools > Options

Unter General auf Interface

Dort wählen wir die Sprache "Deutsch (de-DE)" (oder möglicherweise eure Muttersprache) aus.

Das ganze bestätigen wir indem wir auf den OK Button drücken und das Programm einmal neustarten.
Nun sollte alles wie folgt aussehen:


Jetzt beginnen wir endlich mit unserem ersten "Hallo Welt Script."
Jedes HTML Script fängt mit folgenden Code Zeilen an:
<html></html>

Ihr könnt euch das ganze ungefähr so vorstellen:
<BEFEHL_BEGINNT>
</BEFEHL_ENDE>

also die Elemente ohne ein / nach dem < leiten den Beginn eines Befehls ein. (Es gibt ein paar ausnahmen auf die wir später noch kommen werden.)

Wir schreiben nun folgendes in unser Programm Fenster:

<html>
    <head>
        <title>1.2 HTML - Hallo Welt</title>
    </head>

    <body>
    </body>
</html>




Als nächstes speichert ihr diese Datei wie folgt ab.


Das rot markierte Feld ist ganz wichtig.
Der Name kann frei erfunden sein ihr könnt also reinschreiben was ihr wollt. wichtig ist jedoch, dass ihr am Ende des namens ein ".html" einfügt. Damit teilt ihr eurem PC mit, dass es sich um eine HTML Datei handelt.
Wenn ihr alles richtig gemacht habt, könnt ihr diese Datei mit einem Doppelklick öffnen. Es sollte sich nun euer Standart-Browser öffnen.


Und wie ihr sehen könnt, sieht man nichts. Falsch !

Der rot umrandete Teil im Browser, ist der von uns gesetzte Titel. Wir haben der Seite also einen Titel verpasst.

Wir ändern den Inhalt im Notepad nun wie folgt um:

<html>
    <head>
        <title>1.2 HTML - Hallo Welt</title>
    </head>

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


Nachdem ihr das getan habt, drückt ihr auf das kleine Speicher icon oder betätigt folgende Tastenkombination: STRG + S


geht nun wieder in euren Internet Browser und drückt die Taste F5

Wenn ihr die gleiche Darstellung wie auf meinem Screenshot seht, habt ihr alles richtig gemacht und könnt weiter zum nächsten Schritt.

Script: 1.2 HTML - Hallo Welt.html


1.3 HTML - Bilder einfügen

Antworten 1 von 1


© IOTSoft.de