Listen mit Spiegelstrichen in HTML<\/h2>\n
Jeder Punkt in Auflistung wird von dem HTML-TAG <li> umschlossen. Dabei steht <li> f\u00fcr englische \u201elist item\u201c = Element der Liste.<\/p>\n
Erstellen wir f\u00fcr folgende 3 Aufz\u00e4hlungspunkte eine Liste \u2013 stell dir vor, was als Belag deine Pizza soll:<\/p>\n
- \n
- \n
Schinken<\/p>\n<\/li>\n
- \n
und ganz viel K\u00e4se, also K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se<\/p>\n<\/li>\n
- \n
Pilze<\/p>\n<\/li>\n<\/ul>\n
Es ist wichtig, dass ein Punkt sehr viel Text hat, dass ein Umbruch in der folgenden Zeile erfolgen muss. Was f\u00e4llt bei dem Text auf?<\/p>\n
Er fluchtet<\/strong> bei deinem Ergebnis nicht (im Gegensatz zum oben gezeigten).<\/p>\n
Hier lernen wir unseren ersten HTML-TAG kennen, der nicht alleine Vorkommen kann. Es muss noch zus\u00e4tzlich die Art der Liste definiert werden. Hierf\u00fcr gibt es den HTML-TAG <ul> – dieser umschlie\u00dft alle Listenelemente:<\/p>\n
Am Beispiel wird es deutlich, wie diese zusammenspielen und welche TAGs wie geschachtelt sein sollten.<\/p>\n
<ul>\r\n <li>Schinken<\/li>\r\n <li>und ganz viel K\u00e4se, also K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se \r\n K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se K\u00e4se \r\n K\u00e4se K\u00e4se und nochmals K\u00e4se<\/li>\r\n <li>Pilze<\/li>\r\n<\/ul>\r\n<\/pre>\n
Wenn wir jetzt uns das Ergebnis im Browser ansehen, fluchtet der Text nun untereinander und wenn wie den Quellcode validieren lassen, ist er nun korrekt.<\/p>\n
Dabei steht <ul> f\u00fcr das englische \u201eunsorted list\u201c = unsortierte Liste. Dieser TAG hat zur Folge, dass f\u00fcr jedes <li> ein Spiegelstrich in Form einer Kugel gesetzt wird.<\/p>\n
Erstelle die Datei .\/liste1.htm. Erstelle das Grundger\u00fcst. Erstelle eine unsortierte Liste mit 7 Eintr\u00e4gen (z.B. Autos, Filme, Schauspieler, usw.)<\/span><\/p>\n
Und was es als unsortierte List, gibt es auch als sortierte Liste.<\/p>\n
Listen mit automatischer Nummerierung<\/h2>\n
Wenn jetzt eine sortierte Liste (durchnummerierte) ben\u00f6tigt wird, wird das <ul> durch <ol> ersetzt. <ol> steht f\u00fcr englische \u201eorderd list\u201c = sortierte Liste<\/p>\n
Erstelle die Datei .\/liste2.htm. Erstelle wie im obigen Beispiel eine Liste, diese soll jetzt aber nummeriert sein.<\/span><\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Listen und Aufz\u00e4hlungen kommen laufend vor. Z.B. wenn du deine Interessen, Freund, Adressen usw. aufz\u00e4hlen willst. Listen mit Spiegelstrichen in HTML Jeder Punkt in Auflistung wird von dem HTML-TAG <li> umschlossen. Dabei steht <li> f\u00fcr englische \u201elist item\u201c = Element der Liste. Erstellen wir f\u00fcr folgende 3 Aufz\u00e4hlungspunkte eine Liste \u2013 stell dir vor, […]<\/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-49","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\/49","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=49"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/49\/revisions"}],"predecessor-version":[{"id":388,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/49\/revisions\/388"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=49"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}