{"id":52,"date":"2012-08-13T13:19:32","date_gmt":"2012-08-13T13:19:32","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/13\/122-interne-links-html-tag\/"},"modified":"2023-12-14T16:31:25","modified_gmt":"2023-12-14T16:31:25","slug":"122-interne-links-html-tag","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/13\/122-interne-links-html-tag\/","title":{"rendered":"12.2 interne Links \u2013 HTML-TAG"},"content":{"rendered":"<h1>interne Links \u2013 HTML-TAG &lt;a href<\/h1>\n<p>Hier ist unser erster HTML-TAG, der nicht ohne Attribut auskommen kann.<\/p>\n<p>Schauen wir uns als erstes den kompletten Aufbau des HTML-Befehls f\u00fcr Hyperlinks an \u2013 wir wollen einen Link zur Seite<\/p>\n<pre xml:lang=\"html\"><a href=\"befehlsuebersicht.htm\">UEbersicht HTML Befehle<\/a>\r\n<\/pre>\n<p>Der HTML-TAG a steht f\u00fcr das englische \u201eanchor\u201c was \u201eAnker, ankern, verankern\u201c bedeutet. Wir setzen also einen Verweis zu etwas. Beim Schiff \u00fcber den Schiffsanker zu einem Punkt auf dem Meeresgrund, bei dem HTML-Anker auf eine andere Datei (Seite) im Internet.<\/p>\n<p>&nbsp;<\/p>\n<p>Wir m\u00fcssen also noch angeben, wohin dieser Verweis f\u00fchrt, flapsig gesagt, \u201ewie dieser verankert ist\u201c. Dazu ben\u00f6tigen wir das Attribut \u201ehref\u201c. Dieses steht f\u00fcr <b>H<\/b>yper<b>ref<\/b>erenz \u2013 also ein Verweis. Hier geben wir also in unserem Attribut an, welche Seite angezeigt wird, wenn der Benutzer auf den Link klickt.<\/p>\n<p>Und damit der Benutzer auch was zum Anklicken hat: der Linktext steht zwischen dem Anfangs- und End-TAG \u2013 in unserem Beispiel oben \u201e\u00dcbersicht HTML Befehle\u201c.<\/p>\n<p>Dieser Text wird standardm\u00e4\u00dfig unterstrichen und in blau (wenn diese Seite noch nicht besucht wurde) angezeigt.<\/p>\n<p>Wir ben\u00f6tigen keine weiteren Angaben, wenn sich die Datei im selben Verzeichnis befindet. Wenn nicht, ist das Verst\u00e4ndnis der relativen Adressierung wichtig<\/p>\n<h2>relativen Adressierung<\/h2>\n<p>Alle Links einer Site sind relativ adressiert. Dies bedeutet, dass beim Setzen eines Links nicht die komplette URL, sondern nur der Pfad ab der Startebene der Site angegeben werden muss. Also wird weder Dienstart, Servername noch L\u00e4nderk\u00fcrzel eingegeben. Wenn du keine Unterverzeichnisse verwendest, gibt es auch kein Verzeichnis. Durch die relative Adressierung wird Speicherplatz gespart und man kann mit der Internet-Site einfacher umziehen (oder sie z.B. auf CD-ROM brennen)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"68\" border=\"0\" src=\"bilder\/url_kl.gif\" alt=\"\" \/><\/p>\n<h2>Liegt eine Datei nicht im Hauptverzeichnis, wird der Pfad angegeben. Im Beispiel unten liegt die Datei im Verzeichnis \/_forum<\/h2>\n<p>Somit sieht dann der HTML-Code wie folgt aus:<\/p>\n<pre xml:lang=\"html\"><a href=\"\/_forum\/index.php\">ab ins Forum<\/a>\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>interne Links \u2013 HTML-TAG &lt;a href Hier ist unser erster HTML-TAG, der nicht ohne Attribut auskommen kann. Schauen wir uns als erstes den kompletten Aufbau des HTML-Befehls f\u00fcr Hyperlinks an \u2013 wir wollen einen Link zur Seite UEbersicht HTML Befehle Der HTML-TAG a steht f\u00fcr das englische \u201eanchor\u201c was \u201eAnker, ankern, verankern\u201c bedeutet. Wir setzen [&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-52","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\/52","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=52"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/52\/revisions"}],"predecessor-version":[{"id":384,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/52\/revisions\/384"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}