{"id":46,"date":"2024-06-18T09:10:10","date_gmt":"2024-06-18T09:10:10","guid":{"rendered":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/?p=46"},"modified":"2024-06-25T09:23:04","modified_gmt":"2024-06-25T09:23:04","slug":"html-links-und-bilder","status":"publish","type":"post","link":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/?p=46","title":{"rendered":"HTML: Links und Bilder"},"content":{"rendered":"\n

Die 1. Aufgabe in IMSK war es, einen HTML Code zu schreiben ,der eine Tabelle mit folgenden Inhalten darstellt:<\/p>\n\n\n\n

3 Fu\u00dfballclubs in der Champions League, deren Flaggen als Bilder einf\u00fcgen, die jeweiligen Logos und einen Links auf die Websites der Clubs.<\/p>\n\n\n\n

Als ich begann, den Code zu schreiben, fiel mir schnell auf, dass ich nicht mehr weiter wei\u00df. Darum habe ich eine Aufgabe zu Tabellen, die wir in der Schule gemacht haben als Vorlage genommen um mich zu orientieren. Nachdem ich fast fertig war und wieder eine Blockade hatte, nahm ich schlussendlich ChatGPT zur Hilfe. Ich lie\u00df einen Code generieren und bearbeitete ihn noch, damit die ben\u00f6tigten Bilder eingef\u00fcgt werden.<\/p>\n\n\n\n

Bilder: Bei Bildern ist es im Visual Studio Code wichtig, dass man die richtige Gr\u00f6\u00dfe erreicht, denn sollte man zum Beispiel die Bilder zu gro\u00df machen, sind sie zu verpixelt und passen nicht mehr auf die Website.<\/p>\n\n\n\n

Diese Gr\u00f6\u00dfe kann man in HTML (Visual Studio Code) ver\u00e4ndern, indem man die Pixel mit “height” und “width” px festlegt. Hier musste ich \u00f6fters herumspielen, um die passende Gr\u00f6\u00dfe sowie Ausrichtung zu erreichen.<\/p>\n\n\n\n

Links: Links bzw sogenannte HyperLinks kann man mithilfe des “href” Tags erstellen. Wenn ich auf ein Wort klicke, befindet sich dahinter ein Link, der mich auf eine Website bringt. Hier kann man ebenfalls selbst festlegen, ob man auf eine zus\u00e4tzliche Registerkarte geschickt wird, oder es auf der gleichen ge\u00f6ffnet wird.<\/p>\n\n\n\n

Hier ein Screenshot:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n

WordPress: Startseite<\/h2>\n<\/div>\n\n\n\n

Hier war es unsere Aufgabe, eine Startseite \u00fcber uns, auf einer neuen Website zu gestalten.<\/p>\n\n\n\n

\u00dcber mich<\/p>\n\n\n\n

Es sollten einerseits ein paar Informationen \u00fcber uns und unser Leben auf der Website vorhanden sein, aber auch unsere zuk\u00fcnftigen Ziele nach der HAK.<\/p>\n\n\n\n

Diese Aufgabe war sehr einfach zu l\u00f6sen, da ich schon zu Hause viel mit meinem Theme gearbeitet habe. <\/p>\n\n\n\n

Es war jedoch etwas umst\u00e4ndlich meine gew\u00fcnschte Formatierung zu verwenden, da ich dieses Theme schon l\u00e4nger nicht mehr zu diesem Zweck verwendet habe.<\/p>\n\n\n\n

Was bei dieser Aufgabe \u00e4u\u00dferst zu beachten war, ist die Verwendung von Urheberrechtlich sauberen Bildern. Diese habe ich auf Seiten wie Pixabay oder Unsplash gefunden und die passenden eingef\u00fcgt.<\/p>\n\n\n\n

Hier ein Screenshot<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

Die 1. Aufgabe in IMSK war es, einen HTML Code zu schreiben ,der eine Tabelle mit folgenden Inhalten darstellt: 3 Fu\u00dfballclubs in der Champions League, deren Flaggen als Bilder einf\u00fcgen, die jeweiligen Logos und einen Links auf die Websites der Clubs. Als ich begann, den Code zu schreiben, fiel mir schnell auf, dass ich nicht […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-46","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46"}],"version-history":[{"count":10,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/posts\/46\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}