{"id":63,"date":"2012-08-20T18:47:24","date_gmt":"2012-08-20T18:47:24","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/20\/16-4-zeilenhoehe\/"},"modified":"2023-12-14T16:31:25","modified_gmt":"2023-12-14T16:31:25","slug":"16-4-zeilenhoehe","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/20\/16-4-zeilenhoehe\/","title":{"rendered":"16.4 Zeilenh\u00f6he"},"content":{"rendered":"<p>{source}<span style=\"font-family: courier new, courier, monospace;\"><br \/><span>&lt;<\/span>!&#8211; You can place html anywhere within the source tags &#8212;<span>&gt;<\/span><\/p>\n<p><span>&lt;<\/span>script language=&#8220;javascript&#8220; type=&#8220;text\/javascript&#8220;<span>&gt;<\/span><br \/> \/\/ You can place JavaScript like this<\/p>\n<p><span>&lt;<\/span>\/script<span>&gt;<\/span><br \/><span>&lt;<\/span>?php<br \/> \/\/ You can place PHP like this<\/p>\n<p>?<span>&gt;<\/span><\/p>\n<p><span>&lt;<\/span>P<span>&gt;<\/span><br \/> Um einen Effekt sch&amp;ouml;n zur Geltung zu bringen, kann es unter Umst&amp;auml;nden n&amp;ouml;tig sein, auch die H&amp;ouml;he einer Tabelle anzugeben.<span>&lt;<\/span>BR<span>&gt;<\/span><br \/> <span>&lt;<\/span>I<span>&gt;<\/span>Achtung:<span>&lt;<\/span>\/I<span>&gt;<\/span> im Gegensatz zur Breite kann man die H&amp;ouml;he nur f&amp;uuml;r die ganze Tabelle definieren. Die Spalten der Tabelle werden automatisch so lange wie die l&amp;auml;ngste unter ihnen.<span>&lt;<\/span>P<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>B<span>&gt;<\/span>Das wollen wir erreichen:<span>&lt;<\/span>\/B<span>&gt;<\/span><span>&lt;<\/span>BR<span>&gt;<\/span><br \/> Eine Tabelle mit drei Spalten soll 300 Pixel hoch sein.<span>&lt;<\/span>P<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>B<span>&gt;<\/span>Tag:<span>&lt;<\/span>\/B<span>&gt;<\/span><span>&lt;<\/span>BR<span>&gt;<\/span><br \/> &amp;lt;TABLE border=&#8220;1&#8243;&amp;gt;<span>&lt;<\/span>BR<span>&gt;<\/span><br \/> &amp;lt;TR&amp;gt;<span style=\"font-family: 'courier new', courier, monospace;\">&lt;<\/span><span style=\"font-family: 'courier new', courier, monospace;\">BR<\/span><span style=\"font-family: 'courier new', courier, monospace;\">&gt;<\/span><br \/> &amp;lt;TD <span>&lt;<\/span>B<span>&gt;<\/span>HEIGHT=&#8220;300&#8243;<span>&lt;<\/span>\/B<span>&gt;<\/span>&amp;gt;<span>&lt;<\/span>BR<span>&gt;<\/span><br \/> 1. Spalte<span>&lt;<\/span>BR<span>&gt;<\/span><br \/> &amp;lt;\/TD&amp;gt;<span>&lt;<\/span>P<span>&gt;<\/span><br \/> &amp;lt;TD&amp;gt;<span>&lt;<\/span>BR<span>&gt;<\/span><br \/> 2. Spalte<span>&lt;<\/span>BR<span>&gt;<\/span><br \/> &amp;lt;\/TD&amp;gt;<span>&lt;<\/span>P<span>&gt;<\/span><br \/> &amp;lt;TD&amp;gt;<span>&lt;<\/span>BR<span>&gt;<\/span><br \/> 3. Spalte<span>&lt;<\/span>BR<span>&gt;<\/span><br \/> &amp;lt;\/TD&amp;gt;<span style=\"font-family: 'courier new', courier, monospace;\">&lt;<\/span><span style=\"font-family: 'courier new', courier, monospace;\">BR<\/span><span style=\"font-family: 'courier new', courier, monospace;\">&gt;<\/span><span><\/span><br \/> &amp;lt;\/TR&amp;gt;<span>&lt;<\/span>BR<span>&gt;<\/span><br \/> &amp;lt;\/TABLE&amp;gt;<span>&lt;<\/span>P<span>&gt;<\/span><\/p>\n<p> <span><\/span><\/span>{\/source}<\/p>\n<p>&nbsp;<\/p>\n<p>Aufgabe:<\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">Erstelle die Datei ai\/html\/tabellen\/hoehe1.html<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">Kopiere den obigen code und kontrolliere im Browser.<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">&nbsp;<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>Aufgabe:<\/p>\n<p>&nbsp;<span style=\"font-family: 'courier new', courier, monospace;\">Erstelle die Datei ai\/html\/tabellen\/hoehe2.html<\/span><\/p>\n<p>&nbsp;<span style=\"font-family: 'courier new', courier, monospace;\">Erstelle eine Tabelle mit 3 Zeilen und 3 Spalten.<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">Die erste Zeile soll 150 Pixel hoch sein, die zweite 300.<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">&nbsp;<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>Aufgabe:<\/p>\n<p>&nbsp;<span style=\"font-family: 'courier new', courier, monospace;\">Erstelle die Datei ai\/html\/tabellen\/hoeheundbreite.html<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">Erstelle eine Tabelle mit 2 Zeilen und 2 Spalten.<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">Jede Zelle soll 100 Pixel breit und 100 Pixel hoch sein.<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">Zusatz: F\u00fcge entsprechend kleine Bilder in die Zellen ein.<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">Eventuell musst du die Bilder z.B. in Gimp transformieren.<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">Viel Erfolg<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">&nbsp;<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">&nbsp;<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace;\">&nbsp;<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>{source}&lt;!&#8211; You can place html anywhere within the source tags &#8212;&gt; &lt;script language=&#8220;javascript&#8220; type=&#8220;text\/javascript&#8220;&gt; \/\/ You can place JavaScript like this &lt;\/script&gt;&lt;?php \/\/ You can place PHP like this ?&gt; &lt;P&gt; Um einen Effekt sch&amp;ouml;n zur Geltung zu bringen, kann es unter Umst&amp;auml;nden n&amp;ouml;tig sein, auch die H&amp;ouml;he einer Tabelle anzugeben.&lt;BR&gt; &lt;I&gt;Achtung:&lt;\/I&gt; im Gegensatz zur [&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-63","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\/63","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=63"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/63\/revisions"}],"predecessor-version":[{"id":374,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/63\/revisions\/374"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=63"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=63"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}