<\/p>\n
HTML-TAGs f\u00fcr \u00dcberschriften stellen die grundlegendsten Gliederungsm\u00f6glichkeiten f\u00fcr Texte dar. Ein Text wird durch Einsatz der verschiedenen \u00dcberschriftengrade sauber strukturiert.<\/p>\n
Anhand von \u00dcberschriften wird Text gegliedert und strukturiert. Dabei sind wie in einem Fachbuch verschiedene Hierarchien (Wichtigkeit) von \u00dcberschriften m\u00f6glich, z.B. Kapitel\u00fcberschrift, Abschnitts\u00fcberschriften usw.<\/p>\n
Wichtig ist der korrekte Einsatz der \u00dcberschriften! Wenn wir uns jetzt die einzelne HTML-Seite wie ein Buch vorstellen, so hat das Buch einen Titel auf dem Umschlag \u2013 vergleichbar mit der Haupt\u00fcberschrift h1 bei der HTML-Seite. Diese kommt pro Seite nur 1-mal vor (welches Buch hat mehr als einen Titel?). Der Text wird durch die verschiedenen \u00dcberschriftengrade strukturiert. Nach der Haupt\u00fcberschrift kommt eine Unter\u00fcberschrift h2 und ein Unterkapitel von h2 bekommt dann h3.<\/p>\n
Negativbeispiel \u00dcberschriftenreihenfolge:<\/strong> man sieht oft den Fehler auf Internetseiten, dass lustig zwischen den \u00dcberschriften ohne Logik gesprungen wird. Manchmal fehlt komplett die <h1> – das darf nicht sein \u2013 jede HTML-Seite hat exakt 1-mal eine <h1>.<\/p>\n Manchmal sieht man Spr\u00fcnge \u2013 nach dem Einsatz von <h2> folgt sofort die <h4>. Auch das darf nicht sein. \u00dcberschriften sind zum logischen Strukturieren. Warum manche \u201eHomepagebastler\u201c diese Spr\u00fcnge machen liegt daran, dass diese wegen der Ausgabegr\u00f6\u00dfe solche \u201eS\u00fcnden\u201c begehen. Aber auch hier gilt der Satz: Design wird immer \u00fcber CSS gemacht \u2013 sprich also \u00fcber CSS wird die Ausgabegr\u00f6\u00dfe der \u00dcberschrift sp\u00e4ter bestimmt.<\/p>\n Diese TAGs sich einzupr\u00e4gen ist weder falsch noch schwer.<\/p>\n Wie wird nun der HTML-TAG f\u00fcr \u00dcberschriften genutzt? Wie wir bereits bei Abs\u00e4tzen gesehen haben, werden um den Text, der die \u00dcberschrift darstellt, die entsprechenden HTML-TAGs gepackt.<\/p>\n F\u00fcr \u00dcberschriften wird der TAG <hX> genutzt. Dabei steht das h f\u00fcr das engl. header = \u00dcberschrift. Das X wird durch die Wichtigkeit ersetzt. Dabei stehen f\u00fcr X 1 bis 6.<\/p>\n Im folgenden Quellcode sind alle 6 \u00dcberschriften untereinander, was in der Realit\u00e4t un\u00fcblich ist. Nach eine \u00dcberschrift kommt meistens ein Absatz (wenn nicht mehr). Aber das Beispiel soll auch das Aussehen der \u00dcberschriften bisher noch ohne Design zeigen.<\/p>\n Nach der \u00dcberschrift (End-TAG) erfolgen automatisch ein Umbruch und ein Abstand zum n\u00e4chsten Element.<\/p>\n Erstelle das Verzeichnis .\/ueberschrift.<\/p>\n Erstelle die Datei .\/ueberschrift.htm<\/strong> und erstelle wie im Beispiel 6 \u00dcberschriften deiner Wahl. Beginne mit h1.<\/p>\n Negativbeispiel:<\/b> Der Gedanke, dass man innerhalb eines Absatzes eine \u00dcberschrift packt und dann der Aufbau wie folgt aussieht ist falsch!<\/span><\/p>\n Das ist falsch \u2013 entweder macht man einen Absatz oder man macht eine \u00dcberschrift!<\/p>\n Richtig ist:<\/p>\n Erstelle die Datei .\/ueberschrift2.htm<\/p>\n Gebe den folgenden Text exakt so in den Texteditor Notepad (oder anderen einfachen Texteditor) ein. Bitte auch die Leerzeichen und die Umbr\u00fcche.<\/p>\n Die Struktur des Textes ist:<\/p>\n Nun wirds spannend. Ansehen in einem Internet Browser (z. B. Internet Explorer oder Firefox).<\/p>\n Beide \u00dcberschriften da? Absa\u00e4tze auch? Nein – dann gehe in den Code und korrigiere! (Abspeichern – F5)<\/p>\n <\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Texte formatieren \u2013 \u00dcberschrift in HTML HTML-TAGs f\u00fcr \u00dcberschriften stellen die grundlegendsten Gliederungsm\u00f6glichkeiten f\u00fcr Texte dar. Ein Text wird durch Einsatz der verschiedenen \u00dcberschriftengrade sauber strukturiert. Anhand von \u00dcberschriften wird Text gegliedert und strukturiert. Dabei sind wie in einem Fachbuch verschiedene Hierarchien (Wichtigkeit) von \u00dcberschriften m\u00f6glich, z.B. Kapitel\u00fcberschrift, Abschnitts\u00fcberschriften usw. Wichtig ist der korrekte […]<\/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-43","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\/43","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=43"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/43\/revisions"}],"predecessor-version":[{"id":394,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/43\/revisions\/394"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\u00dcberschriften in HTML nutzen<\/h2>\n
\n
<h1>\u00dcberschriften-Ebene 1<\/h1>
<\/span><\/span><\/span><\/span><\/span><<\/span>h2>\u00dcberschriften-Ebene 2<\/h2>
<h3>\u00dcberschriften-Ebene 3<\/h3>
<h4>\u00dcberschriften-Ebene 4<\/h4>
<h5>\u00dcberschriften-Ebene 5<\/h5>
<h6>\u00dcberschriften-Ebene 6<\/h6>
<p>normaler Text in einem Absatz ...<\/p><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/pre>\n<p><h1>\u00dcberschrift<\/h1><\/p><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/pre>\n<h1>\u00dcberschrift<\/h1> <p>normaler Absatz<\/p><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/pre>\n\u00dcbung: HTML-Seite mit \u00dcberschriften und Abs\u00e4tzen<\/h2>\n
\n
Herzlich willkommen auf meiner Seite\r\n\r\nHier findest du meine erste Homepage zum Lernen von HTML\r\n\r\nMeine Hobbies\r\n\r\nSind so zahlreich, dass es demn\u00e4chst eine weitere Seite gibt\r\n\r\nInformatik macht Spa\u00df<\/pre>\n