{"id":42,"date":"2012-08-06T19:28:53","date_gmt":"2012-08-06T19:28:53","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/06\/4-absaetze-erstellen-html-tag\/"},"modified":"2023-12-14T16:33:13","modified_gmt":"2023-12-14T16:33:13","slug":"4-absaetze-erstellen-html-tag","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/06\/4-absaetze-erstellen-html-tag\/","title":{"rendered":"4 Abs\u00e4tze erstellen – HTML TAG"},"content":{"rendered":"

 <\/p>\n

Abs\u00e4tze erstellen \u2013 HTML-TAG <p><\/h1>\n

Ein wichtiger HTML-TAG ist der f\u00fcr Abs\u00e4tze. Ein Absatz h\u00e4lt einen Abstand zum nachfolgenden Element, was z.B. wieder ein Absatz oder z.B. eine \u00dcberschrift sein kann. Wie viel Abstand gehalten wird, interessiert hier nicht, da dies in den Bereich Design f\u00e4llt und f\u00fcr Design nicht HTML sondern CSS zust\u00e4ndig ist (dazu dann mehr in den Kapiteln von CSS).<\/p>\n

Sollen 2 Textabschnitte getrennt werden, sieht das wie folgt aus:<\/p>\n

<p>Hier kommt unser erster Test von HTML-TAG Absatz.<\/p> <p>Hallo L\u00fcbeck<\/p><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/pre>\n
Das <p> steht f\u00fcr paragraph = Absatz<\/p>\n
Das Ergebnis im Gegensatz zum <br \/>-TAG ist eine Trennung mit Leerzeile:<\/p>\n
Probiere es aus in der Datei .\/absatz2.htm<\/strong><\/p>\n
Es soll nicht verschwiegen werden, dass Sie dasselbe Ergebnis auch ohne den End-TAG erhalten. Dabei reagiert aber jeder Browser unterschiedlich. Der Internet Explorer ist sehr fehlertolerant, Netscapes Navigator zeigt teilweise bei fehlenden End-TAGs gar nichts mehr an – dies war vor Urzeiten der Fall, ist aber ein eindr\u00fcckliches Beispiel f\u00fcr den Grund f\u00fcr die korrekte Anwendung von HTML-TAGs.Hinweis: Hier sieht man, dass sowohl am Anfang der Anfangs-TAG <p> und am Ende der End-TAG <\/p> steht. Das sollte i. d. R. eingehalten werden, da es laut XHTML zwingend erforderlich ist. Also f\u00fcr zukunftssicheren Code immer an den End-TAG denken.<\/p>\n
\u00dcbung zum HTML-TAG <p> f\u00fcr Abs\u00e4tze<\/h2>\n
Erstelle die Datei .\/absatz3.htm<\/strong>, die folgenden Inhalt mit Abs\u00e4tzen ausgibt:<\/span><\/p>\n
Herzlich willkommen auf meiner HTML-Seite\r\n\r\nDie Schule macht nach den Sommerferien richtig Spass!\r\n\r\nInformatik ist super! Bald blinkt schon alles<\/pre>\n
Was wir hier haben, sind drei Abs\u00e4tze. <\/p>\n
    \n
  1. Absatz: Herzlich …<\/li>\n
  2. Absatz: Die Schule …<\/li>\n
  3. Absatz: Informatik<\/li>\n<\/ol>\n
     <\/p>\n
    Schau dir Dein Ergebnis im Browser an. Sind keine Abs\u00e4tze vorhanden, musst du deinen Code korrigieren. Denke daran, nach jeder Ver\u00e4nderung (danke Patrick!) abzuspeichern und die Browseransicht zu aktualiesieren. Das geht am schnellsten \u00fcber F5.<\/span><\/p>\n
     <\/p>\n
     <\/p>\n
     <\/p>\n","protected":false},"excerpt":{"rendered":"
      Abs\u00e4tze erstellen \u2013 HTML-TAG <p> Ein wichtiger HTML-TAG ist der f\u00fcr Abs\u00e4tze. Ein Absatz h\u00e4lt einen Abstand zum nachfolgenden Element, was z.B. wieder ein Absatz oder z.B. eine \u00dcberschrift sein kann. Wie viel Abstand gehalten wird, interessiert hier nicht, da dies in den Bereich Design f\u00e4llt und f\u00fcr Design nicht HTML sondern CSS zust\u00e4ndig […]<\/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-42","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\/42","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=42"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/42\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}