{"id":45,"date":"2012-08-08T19:14:59","date_gmt":"2012-08-08T19:14:59","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/08\/7-texte-formatieren-fett-kursiv-und-co\/"},"modified":"2023-12-14T16:33:13","modified_gmt":"2023-12-14T16:33:13","slug":"7-texte-formatieren-fett-kursiv-und-co","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/08\/7-texte-formatieren-fett-kursiv-und-co\/","title":{"rendered":"7 Texte formatieren &#8211; fett, kursiv und Co"},"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;\">Texte mit HTML formatieren &#8211; fett, kursiv und Co<\/h1>\n<h2 style=\"margin: 1.4em 0px 0px; padding: 0px; color: #6e7376; font-family: 'Lucida Grande', arial, verdana, sans-serif; word-spacing: 1px;\">Fett &#8211; hervorgehoben<\/h2>\n<p>&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;\">Um wichtige Passagen oder W\u00f6rter hervorzuheben, k\u00f6nnen diese fett ausgegeben werden.<\/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;\">Daf\u00fcr gibt es 2 verschiedene Befehle. Einerseits steht daf\u00fcr der TAG &lt;b&gt; zur Verf\u00fcgung. Das&nbsp;<b style=\"margin: 0px; padding: 0px;\">b<\/b>&nbsp;steht f\u00fcr das engl. bold = fett. Andererseits haben wir den HTML-TAG &lt;strong&gt; &#8211; engl. &#8222;\u00fcberzeugend, kr\u00e4ftig, fest, derb&#8220;.<\/p>\n<pre 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;\">&lt;p&gt; nun &lt;b&gt;wichtiger&lt;\/b&gt; Text mit b&lt;\/p&gt;\r\n\r\n&lt;p&gt;nun &lt;strong&gt;wichtiger&lt;\/strong&gt; Text mit strong&lt;\/p&gt;\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;\">Und wenn man sich der Ergebnis im Browser ansieht, wir feststellen, dass in der Ausgabe i.d.R. keine Unterschied zwischen der Hervorhebung mit &lt;strong&gt; und &lt;b&gt; zu sehen ist.<\/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;\"><span style=\"background-color: #99ccff;\">Erstelle die Datei .\/fett.htm. Erstelle das Grundger\u00fcst und f\u00fcge im BODY das obige Beispiel ein. \u00dcberpr\u00fcfe deinen Code im Browser.<\/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;\"><b style=\"margin: 0px; padding: 0px;\"><br \/><\/b><\/p>\n<h2 style=\"margin: 1.4em 0px 0px; padding: 0px; color: #6e7376; font-family: 'Lucida Grande', arial, verdana, sans-serif; word-spacing: 1px;\">kursiv &#8211; schr\u00e4ge Typen in HTML<\/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;\">Um Passagen oder W\u00f6rter hervorzuheben k\u00f6nnen diese kursiv (in Windrichtung liegend) dargestellt werden.<\/p>\n<pre 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;\">&lt;p&gt;Hier kommt nun &lt;i&gt;kursiver (schr\u00e4ger)&lt;\/i&gt; Text &lt;\/p&gt;\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 .\/kursiv.htm. Erstelle das Grundger\u00fcst und f\u00fcge im BODY das obige Beispiel ein. \u00dcberpr\u00fcfe deinen Code im Browser.<\/span><\/p>\n<p style=\"text-align: justify;\">&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 .\/kursiv2.htm. Erstelle das Grundger\u00fcst und f\u00fcge im BODY das obige Beispiel ein. Ersetze aber das &#8222;i&#8220; durch &#8222;em&#8220; Was stellst du fest?.<\/span><\/p>\n<p><span style=\"font-size: 10pt;\">Das i steht f\u00fcr das englische Wort \u201eitalic\u201c = italienisch. Das Wort &#8222;italienisch&#8220; hat erstmals nicht allzu viel mit kursiv zu tun, sofern man die Hintergrundgeschichte nicht kennt. Diese Hintergrundgeschichte ist ein Andenken an den ersten Schriftsetzer in der Druckerei von Aldus Manutius, der schr\u00e4ge Buchstaben entwickelte, um mehr Buchstaben auf eine Seite zu bekommen und dadurch das erste Taschenbuch herausbringen zu k\u00f6nnen. Dieser war Italiener und die Druckerei war in Venedig.<\/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;\">PS: Das erste Taschenbuch musste nicht in Hosentaschen passen, sondern in Satteltaschen \ud83d\ude42<\/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;\">Und wie bei der Hervorhebung durch Fett gibt es von kursiv 2 verschiedene HTML-TAGs.<\/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;\"><span style=\"color: #6e7376;\">Anmerkung zu Kursiv: Kursive Schrift bremst den Leser \u2013 daher sollten bestenfalls nur kurze Textpassagen kursiv angezeigt werden. Sind lange Textpassagen bzw. der ganze Text kursiv wird es anstrengend f\u00fcr den Leser. Also bitte sachte mit der Verwendung von kursivem Text.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Texte mit HTML formatieren &#8211; fett, kursiv und Co Fett &#8211; hervorgehoben &nbsp; Um wichtige Passagen oder W\u00f6rter hervorzuheben, k\u00f6nnen diese fett ausgegeben werden. Daf\u00fcr gibt es 2 verschiedene Befehle. Einerseits steht daf\u00fcr der TAG &lt;b&gt; zur Verf\u00fcgung. Das&nbsp;b&nbsp;steht f\u00fcr das engl. bold = fett. Andererseits haben wir den HTML-TAG &lt;strong&gt; &#8211; engl. &#8222;\u00fcberzeugend, [&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-45","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\/45","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=45"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/45\/revisions"}],"predecessor-version":[{"id":392,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/45\/revisions\/392"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=45"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}