{"id":46,"date":"2012-08-08T19:23:45","date_gmt":"2012-08-08T19:23:45","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/08\/8-schachteln-von-html-tags\/"},"modified":"2023-12-14T16:33:13","modified_gmt":"2023-12-14T16:33:13","slug":"8-schachteln-von-html-tags","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/08\/8-schachteln-von-html-tags\/","title":{"rendered":"8 Schachteln von HTML-TAGs"},"content":{"rendered":"<p>&nbsp;<\/p>\n<h1 style=\"margin: 0px; padding: 0px; color: #6e7376; font-family: 'Lucida Grande', arial, verdana, sans-serif; word-spacing: 1px;\">Schachteln von HTML-TAGs<\/h1>\n<h2 style=\"margin: 1.4em 0px 0px; padding: 0px; color: #6e7376; font-family: 'Lucida Grande', arial, verdana, sans-serif; word-spacing: 1px;\">TAGs verschachtelt<\/h2>\n<p style=\"margin: 0px; padding: 0px 0px 1em; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">Die TAGs k\u00f6nnen nun bunt gemischt werden &#8211; verschachtelt. Wollen Sie z.&nbsp;B. einen Text erst fett und dann noch kursiv darstellen, ist das jetzt kein Problem.<\/p>\n<pre class=\"code\" style=\"margin: 0px 0px 1em; padding: 0em 0.8em; position: relative; border-left-color: #b4c6e0; border-left-width: 6px; border-left-style: solid; overflow: auto; font-family: monospace; font-size: 1em; line-height: 1.5em; background-color: #eeeeee; word-spacing: 1px;\">Hier kommt nun &lt;strong&gt;fetter und &lt;em&gt;kursiver (schr\u00e4ger)&lt;\/em&gt;&lt;\/strong&gt;  Text\r\n<\/pre>\n<p style=\"margin: 0px; padding: 0px 0px 1em; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\"><span style=\"background-color: #99ccff;\">Erstelle die Datei .\/schachteln.htm, das Grundger\u00fcst und erg\u00e4nze das voranstehende Beispiel.<\/span><\/p>\n<p style=\"margin: 0px; padding: 0px 0px 1em; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">&nbsp;<\/p>\n<p style=\"margin: 0px; padding: 0px 0px 1em; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\"><b style=\"margin: 0px; padding: 0px;\"><span style=\"color: #6e7376;\"><br \/>\u00dcbung<\/span>Hinweis:<\/b>&nbsp;verschachteln ist durchaus w\u00f6rtlich gemeint. Wie bei Schachteln, die ineinander gestapelt werden, m\u00fcssen die Tags auch ge\u00f6ffnet und geschlossen werden, also der zuerst aufgemacht wurde, muss zuletzt geschlossen werden. Als Beispiel: &lt;b&gt; &lt;i&gt; Inhalt &lt;\/i&gt; &lt;\/b&gt;<\/p>\n<p style=\"margin: 0px; padding: 0px 0px 1em; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">Baue folgende Seite exakt nach!<\/p>\n<p><samp><span><code style=\"margin: 0px; padding: 0px 0px 1em; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">Wenn es ums&nbsp;<strong>Schachteln<\/strong> geht, kann man <em>leicht<\/em> die <strong>\u00dcbersicht<\/strong> verlieren.<\/code><code style=\"margin: 0px; padding: 0px 0px 1em; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">\u00dcbung macht den <em><strong>Meister! <\/strong><\/em>Alles klar?<\/code><\/span><\/samp><\/p>\n<p style=\"margin: 0px; padding: 0px 0px 1em; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">&nbsp;<\/p>\n<p style=\"margin: 0px; padding: 0px 0px 1em; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">&nbsp;<\/p>\n<p><span style=\"font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px; background-color: #99ccff;\">Erstelle die Datei .\/schachteln2.htm, das Grundger\u00fcst und beginne mit der Schachtelei.<\/span><\/p>\n<p>Viel Erfolg!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Schachteln von HTML-TAGs TAGs verschachtelt Die TAGs k\u00f6nnen nun bunt gemischt werden &#8211; verschachtelt. Wollen Sie z.&nbsp;B. einen Text erst fett und dann noch kursiv darstellen, ist das jetzt kein Problem. Hier kommt nun &lt;strong&gt;fetter und &lt;em&gt;kursiver (schr\u00e4ger)&lt;\/em&gt;&lt;\/strong&gt; Text Erstelle die Datei .\/schachteln.htm, das Grundger\u00fcst und erg\u00e4nze das voranstehende Beispiel. &nbsp; \u00dcbungHinweis:&nbsp;verschachteln ist durchaus [&hellip;]<\/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-46","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\/46","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=46"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":391,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/46\/revisions\/391"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}