{"id":58,"date":"2012-08-15T19:10:10","date_gmt":"2012-08-15T19:10:10","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/15\/15-bilder-einfuegen\/"},"modified":"2023-12-14T16:31:25","modified_gmt":"2023-12-14T16:31:25","slug":"15-bilder-einfuegen","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/15\/15-bilder-einfuegen\/","title":{"rendered":"15 Bilder einf\u00fcgen"},"content":{"rendered":"<p style=\"margin: 0px; padding: 0px 0px 1em; color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">Es gibt bisher 2 Grafikformate, die in Betracht kommen. Diese 2 Formate werden von allen Browsern unterst\u00fctzt. GIF und JPEG sind die Grafikformate, die heute im Internet verwendet werden.<\/p>\n<p style=\"margin: 0px; padding: 0px 0px 1em; color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">Wenn du im Browser ein Bild siehst, kannst du die \u00fcber die rechte Maustaste &nbsp;die &#8222;Eigenschaften&#8220; des Bildes anzeigen lassen. Gezeigt werden der Name, die Datei-Gr\u00f6\u00dfe und die Abmessung des Bildes. Jedes Bild kann mit der rechten Maustaste auch auf die eigene Festplatte gespeichert werden (beachte unbedingt das Copyright!).<\/p>\n<p style=\"margin: 0px; padding: 0px 0px 1em; color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\"><span style=\"color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">Der folgende TAG l\u00e4dt das Bild auto.jpg. Wichtig, das Bild muss im selben Verzeichnis wie deine html-Datei gespeichert werden, sonst findet es der Browser nicht.<\/span><\/p>\n<p style=\"margin: 0px; padding: 0px 0px 1em; color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\"><span style=\"color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\"><strong><span style=\"background-color: #ff0000;\">BEACHTE! Der Slash in der folgenden Anweisung ist falsch! Du brauchst kein Verzeichnis vor den Dateinamen schreiben, sofern html-Datei und Bild-Datei im selben Verzeichnis sind.<\/span><\/strong><br \/><\/span><\/p>\n<p style=\"margin: 0px; padding: 0px 0px 1em; color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\"><span style=\"color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\"><span style=\"font-family: courier new, courier, monospace;\"><span><\/span><br \/>&lt;img src=&#8220;auto.jpg&#8220;&gt;<span style=\"color: #000000; font-family: 'courier new', courier, monospace; font-size: 14px; line-height: 21px; word-spacing: 1px;\"><\/span><br \/><span style=\"font-family: 'Lucida Grande', arial, verdana, sans-serif;\"><\/span><\/span> <\/span><\/p>\n<p style=\"margin: 0px; padding: 0px 0px 1em; color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">&nbsp;<\/p>\n<h3>Aufgabe 15.1<\/h3>\n<p style=\"margin: 0px; padding: 0px 0px 1em; color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">Erstelle das Verzeichnis \/ai\/html\/bild<\/p>\n<p><span style=\"color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\"><span style=\"color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">Speichere in dieses Verzeichnis ein Bild deiner Wahl &#8211; nicht zu lange suchen!<\/span><\/span><\/p>\n<p><span style=\"color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">Erstelle ebenfalls in diesem Verzeichnis die Datei bild.html und lade dein Bild.<\/span><\/p>\n<p><span style=\"color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">&nbsp;<\/span>&nbsp;<\/p>\n<h3>Aufgabe 15.2<\/h3>\n<p style=\"margin: 0px; padding: 0px 0px 1em; color: #000000; font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">Dabei gibt es f\u00fcr Bilder weitere Attribute, die aus verschiedenen Gr\u00fcnden sehr wichtig sind<\/p>\n<p>&nbsp;&lt;img src=&#8220;auto.jpg&#8220; width=&#8220;50&#8243; height=&#8220;100&#8243; border=&#8220;1&#8243; alt=&#8220;html macht doch spass&#8220; \/&gt;<\/p>\n<p>Erstelle die Datei \/ai\/html\/bild2.html und kopiere den code. Experimentiere!<\/p>\n<pre class=\"code\"><span style=\"font-family: 'Lucida Grande', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; word-spacing: 1px;\">&nbsp;<\/span>\r\n<\/pre>\n<p>&nbsp;<\/p>\n<pre>&nbsp;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Es gibt bisher 2 Grafikformate, die in Betracht kommen. Diese 2 Formate werden von allen Browsern unterst\u00fctzt. GIF und JPEG sind die Grafikformate, die heute im Internet verwendet werden. Wenn du im Browser ein Bild siehst, kannst du die \u00fcber die rechte Maustaste &nbsp;die &#8222;Eigenschaften&#8220; des Bildes anzeigen lassen. Gezeigt werden der Name, die Datei-Gr\u00f6\u00dfe [&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-58","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\/58","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=58"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/58\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/58\/revisions\/379"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=58"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=58"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}