<\/p>\n
<\/p>\n
HTML ist eine \u201eStrukturierungssprache\u201c, mit der dem Browser \u201egesagt\u201c wird, wie die Inhalte strukturiert sind: welche Bereiche (Buchstaben, W\u00f6rter, S\u00e4tze) z.B. \u00dcberschriften sind, was Abs\u00e4tze sind, was fett ausgegeben werden soll \u2013 HTML ist keine Programmiersprache<\/span> \u2013 man beschreibt, wie eine Seite im Browser ausgegeben werden soll (nicht mehr, nicht weniger).<\/p>\n Dazu werden \u00fcber das Internet Dateien \u00fcbertragen, die Texte und HTML-Befehle enthalten \u2013 ab jetzt als HTML-Seite bezeichnet. Das Bedeutsame dabei ist, dass die HTML-Seiten in Klartext \u00fcbertragen werden und so jeder schauen kann, wie das eigentlich funktioniert. Einfach mal im Browser auf „Ansicht -> Quellcode anzeigen“ gehen. Schaut man sich den Quellcode an, ist das zun\u00e4chst Verwirrende, dass zwischen den Texten noch mehr auftauchen kann.<\/p>\n Es gibt also nicht nur den eigentlichen Text, sondern auch Anweisungen, wie einzelne Textbereiche angezeigt werden sollen. Man sagt z.B. dem Browser also, diesen Text normal anzeigen und nun zeige ab hier die Schrift hervorgehoben an. Ab jetzt wird der Text fett ausgegeben. Ein paar Worte sp\u00e4ter dann sagt man wieder dem Browser, aber hier die Hervorhebung wieder ausschalten.<\/p>\n In HTML also haben wie verschiedene Befehle (HTML-TAGs) f\u00fcr:<\/p>\n Das geschieht \u00fcber HTML-Befehle bzw. aus dem englischen den HTML-TAGs.<\/p>\n Was ist nun ein HTML-TAG? – Als HTML-TAG wird ein einzelner HTML-„Befehl“ bezeichnet.<\/p>\n Dabei kommt der Begriff TAG aus dem Englischen und hat dort die Bedeutung von „Etikett, Anh\u00e4nger, Aufkleber, Marke, Kennzeichnung, Auszeichner“. Am besten l\u00e4sst sich es mit dem Begriff „Kennzeichnung“ veranschaulichen. Man kennzeichnet Bereiche, dass diese in bestimmter Weise angezeigt werden sollen. Dabei kann man dann sagen, hier beginnt der Bereich und dort h\u00f6rt er wieder auf.<\/p>\n Am Beispiel wird der HTML-TAG von 2 Abs\u00e4tzen gezeigt<\/p>\n Erstelle die folgenden Ordner auf deinem USB-Stick: ai\/html\/ ISERV: Du arbeitest weiterhin in deinem H:\\Homepage Verzeichnis. Erstelle mit dem Editor die Datei ai\/html\/absatz.html<\/span><\/strong> und gebe den obigen Code ein, speichere und schau die das Ergebnis im Browser an (Im Folgenden wird ai\/html durch einen Punkt ersetzt, also .\/absatz.htm).<\/p>\n 3 Dinge sind wichtig zu beachten:<\/p>\n Alles hat ein Anfang und ein Ende. So auch praktisch fast jeder HTML-TAG.<\/p>\n Weiterhin gibt es einen Anfangs-TAG und einen End-TAG. Sonst h\u00e4tten wir nicht die M\u00f6glichkeit, mehrere Abs\u00e4tze zu machen bzw. m\u00fcssten fett geschriebene Texte bis zum Ende der Seite immer fett sein. Der End-TAG ist fast identisch mit dem Anfangs-TAG, mit dem einzigen Unterschied, dass nach dem Kleinerzeichen (<) ein Schr\u00e4gstrich kommt. Dieser ist auf der Tastatur beim 7er zu finden.<\/p>\n Der HTML-End-TAG hat also folgendes Aussehen:<\/p>\n Merke: HTML strukturiert eine Seite! HTML ist nicht f\u00fcr das Design da (das war mal). Guter Stil ist also, HTML-TAGs zum strukturieren des Inhalts zu nutzen. Design kommt \u00fcber CSS.. sp\u00e4ter.<\/strong><\/p>\n Alle HTML Befehle strukturieren \u2013 was macht also das Design? F\u00fcr Design ist CSS zust\u00e4ndig (was sp\u00e4ter im Kurs kommt)! Diese Trennung von Inhalt (+ Struktur) und dem Design zeichnet aktuelles HTML-Nutzung aus. Fr\u00fcher wurde lustig alles vermischt \u2013 heute ist diese Trennung sehr wichtig. Im ersten Teil des HTML-Tutorials werden wir uns um alle wichtigen HTML-Befehle k\u00fcmmern und im zweiten Teil dann mit CSS das Design \u00fcber das in HTML erstellte Grundger\u00fcst st\u00fclpen. H\u00f6rt sich komplizierter an, wie es ist. Du wirst sehen, dass es ganz einfach ist, wenn du aufmerksam liest und mitarbeitest.<\/p>\n","protected":false},"excerpt":{"rendered":" HTML-Grundlagen Was ist HTML? HTML ist eine \u201eStrukturierungssprache\u201c, mit der dem Browser \u201egesagt\u201c wird, wie die Inhalte strukturiert sind: welche Bereiche (Buchstaben, W\u00f6rter, S\u00e4tze) z.B. \u00dcberschriften sind, was Abs\u00e4tze sind, was fett ausgegeben werden soll \u2013 HTML ist keine Programmiersprache \u2013 man beschreibt, wie eine Seite im Browser ausgegeben werden soll (nicht mehr, […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[9,47],"tags":[],"class_list":["post-41","post","type-post","status-publish","format-standard","hentry","category-html","category-html2"],"_links":{"self":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/41\/revisions"}],"predecessor-version":[{"id":396,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/41\/revisions\/396"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=41"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=41"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
Aufbau von HTML-TAGs \u2013 HTML Befehlen<\/h2>\n
<p>erster Absatz, der sehr lang sein kann<\/p>
<p>zweiter Absatz - und nach der Definition bewirken
Abs\u00e4tze immer einen Abstand (egal ob es sich um Text handelt
oder bei Schuhen zwischen Stra\u00dfe und Tr\u00e4ger<\/p><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/pre>\n
Die ersten Dateien speicherst du hier ab. Sp\u00e4ter musst du auch Dateien hochladen.<\/p>\n
<\/p>\n\n
Aufbau Anfangs- und End-TAGs<\/h2>\n
<\/befehl><\/span><\/span><\/pre>\nMerke: HTML strukturierte eine Seite<\/h2>\n