

{"id":4665,"date":"2011-04-05T13:06:01","date_gmt":"2011-04-05T12:06:01","guid":{"rendered":"http:\/\/www.tv-neuhof.de\/wordpress\/?page_id=4665"},"modified":"2012-09-18T11:50:22","modified_gmt":"2012-09-18T10:50:22","slug":"tips-und-tricks-zur-formatierung","status":"publish","type":"page","link":"https:\/\/www.tv-neuhof.de\/wordpress\/about\/beitrag-schreiben\/beitragserstellung\/tips-und-tricks-zur-formatierung\/","title":{"rendered":"Tips und Tricks zur Formatierung"},"content":{"rendered":"<p>Hier findet Ihr einige Tips und Tricks um Eure Berichte zu formatieren.<\/p>\n<ol>\n<li>Tabellen<\/li>\n<\/ol>\n<ul>\n<li>Tabellen werden oft zum Formatieren\/Positionieren verwendet. Um diese wie hier beschrieben zu definieren, m\u00fc\u00dft Ihr von &#8222;Visuell&#8220; auf &#8222;HTML&#8220; umschalten. Dies kann beliebig oft geschen. Es geht nichts verloren.<br \/>\n<a href=\"https:\/\/www.tv-neuhof.de\/wordpress\/wp-content\/uploads\/2011\/04\/HTML_Tab.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4666\" title=\"HTML_Tab\" src=\"https:\/\/www.tv-neuhof.de\/wordpress\/wp-content\/uploads\/2011\/04\/HTML_Tab.png\" alt=\"\" width=\"109\" height=\"60\" \/><\/a><\/li>\n<li>Im HTML spricht man immer von Tags. Diese stehen immer zwischen &lt; und &gt;.<br \/>\n&#8211; &lt;table&gt; = Anfang der Tabelle; &lt;\/table&gt; = Ende der Tabelle<br \/>\n&#8211; &lt;tr&gt; = Anfang einer Zeile; &lt;\/tr&gt; = Ende einer Zeile<br \/>\n&#8211; &lt;td&gt; = Anfang einer Spalte; &lt;\/td&gt; = Ende einer Spalte<br \/>\n&#8211; Eine Tabelle mit 2 Zeilen und 3 Spalten:<br \/>\n&lt;table&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td&gt;Zeile1, Spalte1&lt;\/td&gt;<br \/>\n&lt;td&gt;Zeile1, Spalte2&lt;\/td&gt;<br \/>\n&lt;td&gt;Zeile1, Spalte3&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td&gt;Zeile2, Spalte1&lt;\/td&gt;<br \/>\n&lt;td&gt;Zeile2, Spalte2&lt;\/td&gt;<br \/>\n&lt;td&gt;Zeile2, Spalte3&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;\/table&gt;<br \/>\n&#8211; So sieht&#8217;s aus:<\/p>\n<table>\n<tbody>\n<tr>\n<td>Zeile1, Spalte1<\/td>\n<td>Zeile1, Spalte2<\/td>\n<td>Zeile1, Spalte3<\/td>\n<\/tr>\n<tr>\n<td>Zeile2, Spalte1<\/td>\n<td>Zeile2, Spalte2<\/td>\n<td>Zeile2, Spalte3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<\/ul>\n<ul>\n<li>Ok, macht noch nicht viel her. Daher erweitern wir das &lt;table&gt; Tag mit &#8218;border&#8216; um einen Rahmen zu erhalten.<br \/>\n&lt;table border=1&gt;<br \/>\n&#8230;<br \/>\n&#8211; So sieht&#8217;s aus:<\/p>\n<table border=\"1\">\n<tbody>\n<tr>\n<td>Zeile1, Spalte1<\/td>\n<td>Zeile1, Spalte2<\/td>\n<td>Zeile1, Spalte3<\/td>\n<\/tr>\n<tr>\n<td>Zeile2, Spalte1<\/td>\n<td>Zeile2, Spalte2<\/td>\n<td>Zeile2, Spalte3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<\/ul>\n<ul>\n<li>Zur Positionierung k\u00f6nnen die Tags &lt;table&gt; und &lt;td&gt; mit &#8218;align&#8216; erweitert werden. Dabei gibt es &#8218;center&#8216;, &#8218;left&#8216; und &#8218;right&#8216;.<br \/>\n&lt;table border=1 align=&#8220;center&#8220;&gt;<br \/>\n&#8230;<br \/>\n&#8211; So sieht&#8217;s aus:<\/p>\n<table border=\"1\" align=\"center\">\n<tbody>\n<tr>\n<td>Zeile1, Spalte1<\/td>\n<td>Zeile1, Spalte2<\/td>\n<td>Zeile1, Spalte3<\/td>\n<\/tr>\n<tr>\n<td>Zeile2, Spalte1<\/td>\n<td>Zeile2, Spalte2<\/td>\n<td>Zeile2, Spalte3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<\/ul>\n<ul>\n<li>Im HTML werden die Spaltenbreiten von den Inhalten bestimmt. M\u00f6chte man dieses \u00e4ndern, so mu\u00df man einmal den betreffenden &lt;td&gt; Tag in der ersten Zeile mit &#8218;width&#8216; erweitern.<br \/>\n&lt;table&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td&gt;Zeile1, Spalte1&lt;\/td&gt;<br \/>\n&lt;td width=&#8220;150&#8243;&gt;Zeile1, Spalte2&lt;\/td&gt;<br \/>\n&lt;td&gt;Zeile1, Spalte3&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&#8230;<br \/>\n&#8211; So sieht&#8217;s aus:<\/p>\n<table border=\"1\" align=\"center\">\n<tbody>\n<tr>\n<td>Zeile1, Spalte1<\/td>\n<td width=\"150\">Zeile1, Spalte2<\/td>\n<td>Zeile1, Spalte3<\/td>\n<\/tr>\n<tr>\n<td>Zeile2, Spalte1<\/td>\n<td>Zeile2, Spalte2<\/td>\n<td>Zeile2, Spalte3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<\/ul>\n<ul>\n<li>Hier eine zentrierte Tabelle mit Rahmen und verschiedenen Spaltenausrichtungen.<br \/>\n&lt;table border=1 align=&#8220;center&#8220;&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td width=&#8220;120&#8243;&gt;Zeile1, Spalte1&lt;\/td&gt;<br \/>\n&lt;td width=&#8220;120&#8243; align=&#8220;center&#8220;&gt;Zeile1, Spalte2&lt;\/td&gt;<br \/>\n&lt;td width=&#8220;120&#8243; align=&#8220;right&#8220;&gt;Zeile1, Spalte3&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td align=&#8220;center&#8220;&gt;Zeile2, Spalte1&lt;\/td&gt;<br \/>\n&lt;td align=&#8220;right&#8220;&gt;Zeile2, Spalte2&lt;\/td&gt;<br \/>\n&lt;td&gt;Zeile2, Spalte3&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;\/table&gt;<br \/>\n&#8211; So sieht&#8217;s aus:<\/p>\n<table border=\"1\" align=\"center\">\n<tbody>\n<tr>\n<td width=\"120\">Zeile1, Spalte1<\/td>\n<td width=\"120\" align=\"center\">Zeile1, Spalte2<\/td>\n<td width=\"120\" align=\"right\">Zeile1, Spalte3<\/td>\n<\/tr>\n<tr>\n<td align=\"center\">Zeile2, Spalte1<\/td>\n<td align=\"right\">Zeile2, Spalte2<\/td>\n<td>Zeile2, Spalte3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Hier findet Ihr einige Tips und Tricks um Eure Berichte zu formatieren. Tabellen Tabellen werden oft zum Formatieren\/Positionieren verwendet. Um diese wie hier beschrieben zu definieren, m\u00fc\u00dft Ihr von &#8222;Visuell&#8220; auf &#8222;HTML&#8220; umschalten. Dies kann beliebig oft geschen. Es geht nichts verloren. Im HTML spricht man immer von Tags. Diese stehen immer zwischen &lt; und [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":6026,"menu_order":75,"comment_status":"open","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-4665","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tv-neuhof.de\/wordpress\/wp-json\/wp\/v2\/pages\/4665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tv-neuhof.de\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tv-neuhof.de\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tv-neuhof.de\/wordpress\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tv-neuhof.de\/wordpress\/wp-json\/wp\/v2\/comments?post=4665"}],"version-history":[{"count":26,"href":"https:\/\/www.tv-neuhof.de\/wordpress\/wp-json\/wp\/v2\/pages\/4665\/revisions"}],"predecessor-version":[{"id":6034,"href":"https:\/\/www.tv-neuhof.de\/wordpress\/wp-json\/wp\/v2\/pages\/4665\/revisions\/6034"}],"up":[{"embeddable":true,"href":"https:\/\/www.tv-neuhof.de\/wordpress\/wp-json\/wp\/v2\/pages\/6026"}],"wp:attachment":[{"href":"https:\/\/www.tv-neuhof.de\/wordpress\/wp-json\/wp\/v2\/media?parent=4665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}