{"id":66,"date":"2012-08-22T19:56:25","date_gmt":"2012-08-22T19:56:25","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/22\/16-7\/"},"modified":"2023-12-14T16:31:25","modified_gmt":"2023-12-14T16:31:25","slug":"16-7","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/22\/16-7\/","title":{"rendered":"16.7 Beispiel"},"content":{"rendered":"<h3>Aufgabe<\/h3>\n<pre>Erstelle die Datei ai\/html\/tabellen\/layout1.html<\/pre>\n<pre>Kopiere den folgenden code.<\/pre>\n<pre>Experimentiere mit dem Attributen und ver\u00e4ndere die Vorgaben nach deinen Vorstellungen.<\/pre>\n<pre>Erstelle zudem die drei Dateien, auf die verlinkt wird. Diese sollen ein \u00e4hnliches <br \/>Layout haben.<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-family: 'courier new', courier;\">&lt;!DOCTYPE HTML PUBLIC &#8222;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&#8220;<\/span><br \/><span style=\"font-family: 'courier new', courier;\"> &#8222;<a href=\"http:\/\/www.w3.org\/TR\/html4\/loose.dtd&quot;&gt;\">http:\/\/www.w3.org\/TR\/html4\/loose.dtd&#8220;&gt;<\/a><\/span><br \/><span style=\"font-family: 'courier new', courier;\">&lt;html&gt;<\/span><br \/><span style=\"font-family: 'courier new', courier;\"><\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier;\">&lt;head&gt;<\/span><br \/><span style=\"font-family: 'courier new', courier;\">&lt;title&gt;Beispiel eines einfachen Tabellen-Layouts&lt;\/title&gt;<\/span><br \/><span style=\"font-family: 'courier new', courier;\">&lt;\/head&gt;<\/span><\/p>\n<p><span style=\"font-family: courier new, courier, monospace;\"><br \/><span><\/span><br \/><span>&lt;<\/span>body bgcolor=&#8220;#FFFFFF&#8220; link=&#8220;#FFFF00&#8243; vlink=&#8220;#FFCC00&#8243; alink=&#8220;#FFFFFF&#8220; text=&#8220;#FFFFFF&#8220;<span>&gt;<\/span><\/p>\n<p><span>&lt;<\/span>table border=&#8220;0&#8243; cellpadding=&#8220;10&#8243; cellspacing=&#8220;5&#8243; width=&#8220;75%&#8220; bgcolor=&#8220;#A050A0&#8243;<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>tr<span>&gt;<\/span><br \/> <span>&lt;<\/span>td width=&#8220;200&#8243;<span>&gt;<\/span><span>&lt;<\/span>h1<span>&gt;<\/span>Willkommen<span>&lt;<\/span>\/h1<span>&gt;<\/span><span>&lt;<\/span>\/td<span>&gt;<\/span><br \/> <span>&lt;<\/span>td center<span>&gt;<\/span> Leer <span>&lt;<\/span>\/td<span>&gt;<\/span> <br \/> <span>&lt;<\/span>\/tr<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>td valign=&#8220;top&#8220; width=&#8220;200&#8243;<span>&gt;<\/span><br \/> <span>&lt;<\/span>tr<span>&gt;<\/span><br \/> <span>&lt;<\/span>td<span>&gt;<\/span><br \/> <span>&lt;<\/span>h3&#8243;<span>&gt;<\/span>Navigation<span>&lt;<\/span>\/h3<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>p<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>a href=&#8220;getraenke.htm&#8220;<span>&gt;<\/span>Durst<span>&lt;<\/span>\/a<span>&gt;<\/span><span>&lt;<\/span>br<span>&gt;<\/span><br \/> <span>&lt;<\/span>a href=&#8220;pizza.htm&#8220;<span>&gt;<\/span>Hunger<span>&lt;<\/span>\/a<span>&gt;<\/span><span>&lt;<\/span>br<span>&gt;<\/span><br \/> <span>&lt;<\/span>a href=&#8220;nachtisch.htm&#8220;<span>&gt;<\/span>Hmmm<span>&lt;<\/span>\/a<span>&gt;<\/span><span>&lt;<\/span>br<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>p<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>h3&#8243;<span>&gt;<\/span>News<span>&lt;<\/span>\/h3<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>p<span>&gt;<\/span>Die Neuigkeiten stehen stets an dieser Stelle.<br \/> Viel Neues gibt es nicht. Nur so viel: diese Seite ist neu.<span>&lt;<\/span>\/p<span>&gt;<\/span><br \/> <span>&lt;<\/span>\/td<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>td valign=&#8220;top&#8220; bgcolor=&#8220;#CC99FF&#8220;<span>&gt;<\/span><\/p>\n<p> <span>&lt;<\/span>h2<span>&gt;<\/span>Worum geht es hier eigentlich?<span>&lt;<\/span>\/h2<span>&gt;<\/span><br \/> <span>&lt;<\/span>p<span>&gt;<\/span>Ach, um Web-Design, halt das \u00dcbliche.<span>&lt;<\/span>\/p<span>&gt;<\/span><br \/> <span>&lt;<\/span>p<span>&gt;<\/span>viel Inhalt<span>&lt;<\/span>\/p<span>&gt;<\/span><span>&lt;<\/span>p<span>&gt;<\/span>viel Inhalt<span>&lt;<\/span>\/p<span>&gt;<\/span><span>&lt;<\/span>p<span>&gt;<\/span>viel Inhalt<span>&lt;<\/span>\/p<span>&gt;<\/span><span>&lt;<\/span>p<span>&gt;<\/span>viel Inhalt<span>&lt;<\/span>\/p<span>&gt;<\/span><span>&lt;<\/span>p<span>&gt;<\/span>viel Inhalt<span>&lt;<\/span>\/p<span>&gt;<\/span><br \/> <span>&lt;<\/span>p<span>&gt;<\/span>viel Inhalt<span>&lt;<\/span>\/p<span>&gt;<\/span><span>&lt;<\/span>p<span>&gt;<\/span>viel Inhalt<span>&lt;<\/span>\/p<span>&gt;<\/span><span>&lt;<\/span>p<span>&gt;<\/span>viel Inhalt<span>&lt;<\/span>\/p<span>&gt;<\/span><span>&lt;<\/span>p<span>&gt;<\/span>viel Inhalt<span>&lt;<\/span>\/p<span>&gt;<\/span><span>&lt;<\/span>p<span>&gt;<\/span>viel Inhalt<span>&lt;<\/span>\/p<span>&gt;<\/span><br \/> <span>&lt;<\/span>\/td<span>&gt;<\/span><br \/><span>&lt;<\/span>\/tr<span>&gt;<\/span><\/p>\n<p><span>&lt;<\/span>\/table<span>&gt;<\/span><\/p>\n<p><span>&lt;\/body&gt;<\/span><\/span><\/p>\n<p><span style=\"font-family: courier new, courier, monospace;\"><span>&lt;\/html&gt;<\/span><\/span><\/p>\n<p><span style=\"font-family: courier new, courier, monospace;\">&nbsp;<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aufgabe Erstelle die Datei ai\/html\/tabellen\/layout1.html Kopiere den folgenden code. Experimentiere mit dem Attributen und ver\u00e4ndere die Vorgaben nach deinen Vorstellungen. Erstelle zudem die drei Dateien, auf die verlinkt wird. Diese sollen ein \u00e4hnliches Layout haben. &nbsp; &nbsp; &lt;!DOCTYPE HTML PUBLIC &#8222;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&#8220; &#8222;http:\/\/www.w3.org\/TR\/html4\/loose.dtd&#8220;&gt;&lt;html&gt; &lt;head&gt;&lt;title&gt;Beispiel eines einfachen Tabellen-Layouts&lt;\/title&gt;&lt;\/head&gt; &lt;body bgcolor=&#8220;#FFFFFF&#8220; link=&#8220;#FFFF00&#8243; vlink=&#8220;#FFCC00&#8243; alink=&#8220;#FFFFFF&#8220; text=&#8220;#FFFFFF&#8220;&gt; [&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-66","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\/66","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=66"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/66\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/66\/revisions\/371"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=66"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=66"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}