{"id":77,"date":"2021-02-19T16:41:50","date_gmt":"2021-02-19T15:41:50","guid":{"rendered":"https:\/\/www.anna2014.it\/blog\/?p=77"},"modified":"2021-02-24T12:04:56","modified_gmt":"2021-02-24T11:04:56","slug":"progammieren","status":"publish","type":"post","link":"https:\/\/www.anna2014.it\/blog\/2021\/02\/19\/progammieren\/","title":{"rendered":"Progammieren Teil 1"},"content":{"rendered":"\n

Voraussetzung<\/h3>\n\n\n\n

\u00d6ffne einen normalen Editor zum Beispiel den Windows Editor Notepad oder einen Editor deiner Wahl. Speichere nun die Datei mit der Erweiterung .html ab, zum Beispiel haus.html<\/em>. Achte darauf, dass der Editor nicht <\/strong>die Erweiterung .txt verwendet, die Erweiterung muss .html<\/em> sein. Bei manchen Editoren musst du daf\u00fcr bei Dateityp Alle Dateien (*.*) einstellen. <\/p>\n\n\n\n

Starte nun einen Browser und \u00f6ffne mit Strg+O die Datei haus.html. Endlich kannst du starten. Im Editor kannst du nun HTML und CSS eingeben und die Datei bei jeder \u00c4nderung speichern. Das Ergebnis kannst du im Browser anschauen. Vergiss nicht den Browser jedes Mal mit F5 zu aktualisieren.<\/p>\n\n\n\n

HTML<\/h2>\n\n\n\n

Tippe zuerst das HTML Grundger\u00fcst ein:<\/p>\n\n\n\n

<html>\n\n<head>\n<\/head>\n\n<body>\n<\/body>\n\n<\/html>  \n<\/pre>\n\n\n\n
HTML ist eine Auszeichnungssprache. Meistens bestehen HTML-Anweisungen aus Tag-Paare z.B. <html><\/html><\/em>. Man schreibt Elemente meistens zwischen dem Beginn-Tag und dem End-Tag z.B. <html>hier der Inhalt<\/em><\/html><\/p>\n\n\n\n
Die wichtigsten Tags f\u00fcr das Grundger\u00fcst einer HTML-Seite sind:<\/p>\n\n\n\n
<html>\n\n<head>\nhier steht der Inhalt f\u00fcr den Kopfbereich\n<\/head>\n\n<body>\nhier steht der Inhalt f\u00fcr den K\u00f6rperbereich\n<\/body>\n\n<\/html>  \n<\/pre>\n\n\n\n
Im head, dem Kopf, kann man z.B. CSS einf\u00fcgen aber auch Angaben wie das title Tag. <\/p>\n\n\n\n
Schreibe in den head einen Titel mit Hilfe des title Tags. Der title bzw. Titel ist im Seitenk\u00f6rper nicht sichtbar, aber er ist f\u00fcr die Titelleiste im Browser und als \u00dcberschrift im Suchergebnis wichtig!<\/p>\n\n\n\n
<head>\n<title>Haus<\/title>\n<\/head><\/pre>\n\n\n\n
Im body, dem K\u00f6rper, schreibt man alles, was man auf der Seite sehen kann.<\/p>\n\n\n\n
Man kann z.B. \u00dcberschriften einf\u00fcgen. Eine \u00dcberschrift erster Ordnung macht man z.B. so:<\/p>\n\n\n\n
<h1>Das Haus<\/h1><\/pre>\n\n\n\n
Einen Absatz macht man so:<\/p>\n\n\n\n
<p>Das Haus hat 3 Stockwerke<\/p>\n<\/pre>\n\n\n\n
Wir wollen dass das Quadratisch ein fettes Wort ist. <\/p>\n\n\n\n
<p>Das Haus ist <b>Quadratisch<\/b><\/p> <\/pre>\n\n\n\n
Wir wollen das Wort Sattel ein schr\u00e4g ist.<\/p>\n\n\n\n
<p>Das Haus hat ein <i>Sattel<\/i> Dach<\/p><\/pre>\n\n\n\n
Wir machen eine geordnete Liste. Eine geordnete Liste hat vorne Zahlen dran z.B.<\/p>\n\n\n\n
  1. Das Haus hat ein spitzes Dach.<\/li>
  2. Das Haus ist gro\u00df.<\/li><\/ol>\n\n\n\n
    <ol>\n  <li>Das Haus hat ein spitzes Dach.<\/li>\n  <li>Das Haus ist gro\u00df.<\/li>\n<\/ol><\/pre>\n\n\n\n
    Wenn wir einen Text schreiben will man auch manchmal einen Abstand in den Text darin machen. Das geht nicht so einfach. Man dr\u00fcckt die Entertaste aber es passiert nichts. Da braucht man einen Befehl. Der Befehl ist ein br<\/em>. Der Befehl br<\/em> macht eine Leere Zeile. Aber der Befehl br<\/em> ist auch besonders denn er hat kein ende.<\/p>\n\n\n\n
    <p>Das Haus hat kein ende und kein anfand.\n<br>\nEs hat eine K\u00fcche und ein Wohnzimmer.<\/p> <\/pre>\n\n\n\n
    Wir machen eine ungeordnete List. Eine ungeordnete List hat vorne punkte dran. Z.B <\/p>\n\n\n\n