{"id":37,"date":"2019-07-15T06:28:22","date_gmt":"2019-07-15T06:28:22","guid":{"rendered":"https:\/\/www.webhozz.com\/code\/?p=37"},"modified":"2019-09-03T11:56:13","modified_gmt":"2019-09-03T11:56:13","slug":"link-html","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/code\/link-html\/","title":{"rendered":"HTML : Link"},"content":{"rendered":"\n<p><strong>Membuat Link pada HTML<\/strong><\/p>\n\n\n\n<p>Tautan atau hyperlink merupakan koneksi dari satu sumber web\nke web yang lainnya. Tautan memungkinkan pengguna untuk berpindah secara mudah\ndari satu halaman ke halaman lainnya, di server mana saja di dunia.<\/p>\n\n\n\n<p>Tautan memiliki dua ujung, yang disebut jangkar. Tautan dimulai pada jangkar sumber dan menunjuk ke jangkar tujuan, yang sumbernya dapat berisi apapun, misalnya seperti gambar, klip audio atau video, file PDF, file HTML atau elemen di dalam file itu sendiri, dan sebagainya.<\/p>\n\n\n\n<p>Secara default, di kebanyakan browser link akan tampil seperti berikut ini:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tautan yang belum dikunjungi digaris-bawahi dan font nya berwarna biru.<\/li><li>Tautan yang dikunjungi digaris-bawahi dan font nya berwarna ungu.<\/li><li>Tautan aktif digaris-bawahi dan font nya berwarna merah.<\/li><\/ul>\n\n\n\n<p><strong>Syntax Link HTML<\/strong><\/p>\n\n\n\n<p>Tautan yang dimasukan ke dalam HTML menggunakan tag &lt;a&gt;.<\/p>\n\n\n\n<p>Tautan atau hyperlink dapat berupa kata, grup kata, atau gambar.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;a href=&quot;url&quot;&gt;Link text&lt;\/a&gt;\n<\/pre><\/div>\n\n\n<p>Apa pun yang ada di antara tag &lt;a&gt; dan tag penutup &lt;\/a&gt; pembuka menjadi bagian dari tautan yang dilihat dan diklik pengguna di browser. Berikut beberapa contohnya:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;a href=&quot;https:\/\/www.google.com\/&quot;&gt;Google Search&lt;\/a&gt;\n&lt;a href=&quot;https:\/\/www.tutorialrepublic.com\/&quot;&gt;Tutorial Republic&lt;\/a&gt;\n&lt;a href=&quot;images\/kites.jpg&quot;&gt;\n    &lt;img src=&quot;kites-thumb.jpg&quot; alt=&quot;kites&quot;&gt;\n&lt;\/a&gt;\n<\/pre><\/div>\n\n\n<p>Atribut href menentukan target tautan. Nilainya dapat berupa\nURL absolut atau relatif.<\/p>\n\n\n\n<p>URL absolut adalah URL yang mencakup setiap bagian dari format URL, seperti protokol, nama host, dan akses file, misalnya, https:\/\/www.google.com\/, https:\/\/www.example.com \/form.php, dll. Sementara itu, URL Relatif (URL Relative) merupakan sebuah URL yang menentukan suatu alamat berdasarkan URL yang memang aktif saat itu, misalnya, contact.html, gambar\/smiley.png, dan sebagainya. URL relatif tidak pernah menyertakan awalan http:\/\/ atau https:\/\/.<\/p>\n\n\n\n<p><strong>Setting Target Link<\/strong><\/p>\n\n\n\n<p>Atribut target memberi tahu browser dimana untuk membuka file tautan. Ada empat target, dan setiap nama target dimulai dengan karakter garis bawah (_):<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>_blank &#8211; Membuka dokumen yang ditautkan di jendela atau tab baru.<\/li><li>_parent &#8211; Membuka dokumen yang ditautkan di jendela induk.<\/li><li>_self &#8211; Membuka dokumen yang ditautkan di jendela atau tab yang sama dengan dokumen sumber. Ini adalah default, oleh karena itu tidak perlu untuk menentukan nilai ini secara eksplisit.<\/li><li>_top &#8211; Membuka dokumen yang ditautkan di jendela browser lengkap.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Membuat Link pada HTML Tautan atau hyperlink merupakan koneksi dari satu sumber web ke web yang lainnya. Tautan memungkinkan pengguna untuk berpindah secara mudah dari<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-37","post","type-post","status-publish","format-standard","hentry","category-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Belajar HTML : Link - WebHozz Code<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/code\/link-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar HTML : Link - WebHozz Code\" \/>\n<meta property=\"og:description\" content=\"Membuat Link pada HTML Tautan atau hyperlink merupakan koneksi dari satu sumber web ke web yang lainnya. Tautan memungkinkan pengguna untuk berpindah secara mudah dari\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/code\/link-html\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Code\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-15T06:28:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-03T11:56:13+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/link-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/link-html\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"headline\":\"HTML : Link\",\"datePublished\":\"2019-07-15T06:28:22+00:00\",\"dateModified\":\"2019-09-03T11:56:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/link-html\\\/\"},\"wordCount\":336,\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/link-html\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/link-html\\\/\",\"name\":\"Belajar HTML : Link - WebHozz Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\"},\"datePublished\":\"2019-07-15T06:28:22+00:00\",\"dateModified\":\"2019-09-03T11:56:13+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/link-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/code\\\/link-html\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/link-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML : Link\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\",\"name\":\"WebHozz Code\",\"description\":\"Tutorial Web &amp; Pemrograman Indonesia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/author\\\/dody\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Belajar HTML : Link - WebHozz Code","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/code\/link-html\/","og_locale":"en_US","og_type":"article","og_title":"Belajar HTML : Link - WebHozz Code","og_description":"Membuat Link pada HTML Tautan atau hyperlink merupakan koneksi dari satu sumber web ke web yang lainnya. Tautan memungkinkan pengguna untuk berpindah secara mudah dari","og_url":"https:\/\/www.webhozz.com\/code\/link-html\/","og_site_name":"WebHozz Code","article_published_time":"2019-07-15T06:28:22+00:00","article_modified_time":"2019-09-03T11:56:13+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/code\/link-html\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/link-html\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"headline":"HTML : Link","datePublished":"2019-07-15T06:28:22+00:00","dateModified":"2019-09-03T11:56:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/code\/link-html\/"},"wordCount":336,"articleSection":["HTML"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/code\/link-html\/","url":"https:\/\/www.webhozz.com\/code\/link-html\/","name":"Belajar HTML : Link - WebHozz Code","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/#website"},"datePublished":"2019-07-15T06:28:22+00:00","dateModified":"2019-09-03T11:56:13+00:00","author":{"@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"breadcrumb":{"@id":"https:\/\/www.webhozz.com\/code\/link-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/code\/link-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/code\/link-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/code\/"},{"@type":"ListItem","position":2,"name":"HTML : Link"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/code\/#website","url":"https:\/\/www.webhozz.com\/code\/","name":"WebHozz Code","description":"Tutorial Web &amp; Pemrograman Indonesia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/code\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/code\/author\/dody\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":4,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":397,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/37\/revisions\/397"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}