{"id":1702,"date":"2020-02-07T10:57:16","date_gmt":"2020-02-07T09:57:16","guid":{"rendered":"http:\/\/culmsee.com\/scout-beo\/?page_id=1702"},"modified":"2020-02-07T15:24:06","modified_gmt":"2020-02-07T14:24:06","slug":"html-formatierungen","status":"publish","type":"page","link":"https:\/\/culmsee.com\/scout-beo\/index.php\/html-formatierungen\/","title":{"rendered":"HTML-Formatierungen"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Text-Codierungen:<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Schrift<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Schriftfarbe<\/h4>\n\n\n<pre>&lt;span style=\"color: #dd0000;\"&gt;<span style=\"color: #dd0000;\">TEXT in roter Schrift<\/span>&lt;\/span&gt;<\/pre>\n\n\n<p>andere Schriftfarbe: Ersetzen der sechs Zeichen hinter dem #-Symbol gegen anderen 6-stelligen Hexcode <\/p>\n\n\n\n<p>Beenden der (hierbei) roten Schrift durch Einf\u00fcgen von<\/p>\n\n\n<pre>&lt;\/span&gt;<\/pre>\n\n\n<p>nach dem rot geschriebenen Text.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Schriftgr\u00f6\u00dfe<\/h4>\n\n\n\n<p>Direkt vor den gew\u00fcnschten Text! <\/p>\n\n\n<pre>&lt;span style=\"font-size:8pt\"&gt;<\/pre>\n\n\n<p><span style=\"font-size:8pt\">Damit hinter dem Kleingedruckten wieder in Standard-Schriftgr\u00f6\u00dfe weitergeschrieben werden kann, <\/span><\/p>\n\n\n<pre>&lt;\/span&gt;<\/pre>\n\n\n<p>hinter dem Kleindruck einf\u00fcgen.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Schriftart<\/h4>\n\n\n\n<p>Um z.B. entgegen der Standard-Schrift zu akzentuieren, gibt es diese M\u00f6glichkeit:<\/p>\n\n\n<pre>&lt;font face=\"Times\"&gt;<\/pre>\n\n\n<p>&#8230; und schon wird in <font face=\"Times\">Times formatierter Text<\/font> angezeigt. \ud83d\ude42<\/p>\n\n\n<pre>&lt;\/font&gt;<\/pre>\n\n\n<p>direkt nach dem umformatierten Text-Abschnitt l\u00e4sst zur Standardschriftart zur\u00fcckkehren.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Schriftart und Schriftgr\u00f6\u00dfe<\/h4>\n\n\n<pre>&lt;font face=\"Times\" style=\"font-size:18pt\"&gt;<\/pre>\n\n\n<p>In diesem Satz wird nur das Wort <font face=\"Times\" style=\"font-size:18pt\">Times<\/span><\/font> als diese Schriftart codiert; Zugleich wird nur das Wort Times in Schriftgr\u00f6\u00dfe 18 Pt. dargestellt.<\/p>\n\n\n<pre>&lt;\/span&gt;&lt;\/font&gt;<\/pre>\n\n\n<p>nach dem hier nur einen Wort l\u00e4sst zur Standardschriftart zur\u00fcckkehren.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Ausrichtung<\/h3>\n\n\n\n<p>Standard-Ausrichtung von Text ist linksb\u00fcndig. Manchmal soll es anders aussehen, aber nicht immer sind &#8211; je nach Layout-Baustein &#8211; andere Formatierungen per Schaltfl\u00e4che vorhanden. <\/p>\n\n\n\n<p>Dann hilft html:<\/p>\n\n\n<pre>&lt;p align=\"left\"&gt;<\/pre>\n\n\n<p>linksb\u00fcndig<\/p>\n\n\n<pre>&lt;p align=\"center\"&gt;<\/pre>\n\n\n<p align=\"center\">zentriert<\/p><\/p>\n\n\n<pre>&lt;p align=\"right\"&gt;<\/pre>\n\n\n<p align=\"right\">rechtsb\u00fcndig<\/p><\/p>\n\n\n\n<p>oder sogar Blocksatz per <\/p>\n\n\n<pre>&lt;p align=\"justify\"&gt;<\/pre>\n\n\n<p><p align=\"justify\">Dies ist ein kleiner Text-Absatz, der zum Veranschaulichen in <strong>Blocksatz<\/strong> dargestellt wird. Deshalb wird hier etwas mehr, nicht wirklich Sinn ergebender Text getippt, um das Aussehen \u00e0 la Buchsatz vorzustellen, die fortan auch im Web-Auftritt f\u00fcr Sie m\u00f6glich ist. Bei Blocksatz ist die B\u00fcndigkeit je Absatz linksb\u00fcndig <em>und<\/em> zugleich rechtsb\u00fcndig auf Randlinie; lediglich die jeweils letzte Zeile eines Absatzes wird nach links einschiebend einger\u00fcckt. Das ist f\u00fcr Blocksatz die Standard-Einstellung die Optik betreffend. <\/p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Zeilenumbruch<\/h3>\n\n\n\n<p>&#8230; an beliebiger Textstelle &#8230;<\/p>\n\n\n<pre>&lt;br&gt;<\/pre>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Leerzeichen<\/h3>\n\n\n\n<p>&#8230; &#8222;aufzwingen \/ reinzwingen&#8220;, da diese (nur mehrfach getippt) meistens reduziert werden auf ein einziges Leerzeichen  als Zwischenraum, wenn nicht getrickst wird &#8230;<\/p>\n\n\n<pre>&amp;nbsp;<\/pre>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p style=\"text-align:center\">&#8230;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Telefonnummer<\/h2>\n\n\n\n<p style=\"text-align:center\"><span style=\"color: #568c11;\">Leckerli<\/span> \ud83d\ude09<\/p>\n\n\n\n<p>als Telefonnummer codierter Text, damit z.B. auf Smartphone \/ Tablet nur per Finger-Touch die angezeigte Nummer direkt ohne Umstand bzw. ohne Kopieren angew\u00e4hlt wird.<\/p>\n\n\n\n<p>Tel. +49 (0)40 11 22 33 44 <em><span style=\"font-size:10pt\">(dies ist nur eine Muster-Beispiel-Nr.)<\/span><\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<pre>&lt;a href=\"tel:+494011223344\"&gt;+49 (0)40 11 22 33 44&lt;\/a&gt;<\/pre>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p style=\"text-align:center\">&#8230;<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><a class=\"maxbutton-1 maxbutton maxbutton-top\" title=\"zum Seitenanfang\" href=\"#top\"><span class='mb-text'>nach oben<\/span><\/a><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"12\" src=\"http:\/\/culmsee.com\/scout-beo\/wp-content\/uploads\/2019\/03\/Ende-Info-VHS-PC-Kurs-300x12.jpg\" alt=\"Ende dieser Info-Seite VHS-PC-Kurse\" class=\"wp-image-301\"\/><\/figure><\/div>\n\n\n1.011 views\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"12\" src=\"http:\/\/culmsee.com\/scout-beo\/wp-content\/uploads\/2019\/03\/Ende-webLog-300x12.jpg\" alt=\"\" class=\"wp-image-180\"\/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Text-Codierungen: Schrift Schriftfarbe &lt;span style=&#8220;color: #dd0000;&#8220;&gt;TEXT in roter Schrift&lt;\/span&gt; andere Schriftfarbe: Ersetzen der sechs Zeichen hinter dem #-Symbol gegen anderen 6-stelligen Hexcode Beenden der (hierbei) roten Schrift durch Einf\u00fcgen von &lt;\/span&gt; nach dem rot geschriebenen Text. Schriftgr\u00f6\u00dfe Direkt vor den gew\u00fcnschten Text! &lt;span style=&#8220;font-size:8pt&#8220;&gt; Damit hinter dem Kleingedruckten wieder in Standard-Schriftgr\u00f6\u00dfe weitergeschrieben werden kann, &lt;\/span&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1702","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/culmsee.com\/scout-beo\/index.php\/wp-json\/wp\/v2\/pages\/1702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/culmsee.com\/scout-beo\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/culmsee.com\/scout-beo\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/culmsee.com\/scout-beo\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/culmsee.com\/scout-beo\/index.php\/wp-json\/wp\/v2\/comments?post=1702"}],"version-history":[{"count":0,"href":"https:\/\/culmsee.com\/scout-beo\/index.php\/wp-json\/wp\/v2\/pages\/1702\/revisions"}],"wp:attachment":[{"href":"https:\/\/culmsee.com\/scout-beo\/index.php\/wp-json\/wp\/v2\/media?parent=1702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}