Dasar HTML: Cara Membuat Link di HTML ( Tag a ) - TeknoNet

Home › HTML › Pemograman

Dasar HTML: Cara Membuat Link di HTML ( Tag a )

Ditulis : Nur Muhammad Al Amin Jumat, 16 November 2018 Add Comment Edit

Belajar HTMLdasar selanjutnya kali ini adalah mengenai Membuat Link di HTML menggunakan tag <a>. Jika kalian yang mau membuat link di halaman HTML anda, anda wajib belajar di dalam artikel ini.

Cara Membuat Link di HTML

Cara Membuat Link di HTML

Membuat Link Pada HTML

Di dalam HTML ada kata Hypertext, apakah kalian tau dari maskud Hypertext? Maksud dari kata tersebut ialah ketikan kita membuat sebuah text di dalam HTML text tersebut bisa di klik dan akan pindah ke halaman lain. Di dalam HTML untuk membuat link ini kita menggunakan tag dengan tag <a>. Tag <a> ini memiliki arti yaitu anchor, link bisa berfungsi jikalau tag <a>menggunakan atribut href. Apakah href itu? Href adalah singkatan dari hypertext reference yang nantinya berisi alamat link yang akan dituju.

Berikut ini saya akan memberikan contoh code HTML dengan menggunakan tag <a> dan atribut href.

<!DOCTYPE html>

<html>

<head>

<title>Tag Link </title>

</head>

<body>

<h1>MamiGoNet</h1>

<p>Kategori

<a href="https://mamigonet.blogspot.com/search/label/HTML">HTML</a></p>

</body>

</html>

Di atas adalah contoh code HTML dalam penggunaan tag <a> dan Atribut href dengan hasil sebagai berikut:

Cara Membuat Link di HTML ( Tag a )

Di atas kita sudah bisa membuat link pada HTML, jika kita klik kata HTML makan kita akan di arahkan ke halaman lain. Apakah kalian sudah paham? Kalau belum anda bisa berkomentar di bawah ini untuk bertanya kepada admin. Terima Kasih

0 Response to "Dasar HTML: Cara Membuat Link di HTML ( Tag a )"

Posting Komentar

Langganan: Posting Komentar (Atom)

 <!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5T1sFjnwgaH81pXbCm21vuWfeDdQ:1732599383696';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5001584932922153780','//teknonetkom.blogspot.com/2018/11/dasar-html-cara-membuat-link-di-html-tag.html','5001584932922153780');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5001584932922153780', 'title': 'TeknoNet', 'url': 'https://teknonetkom.blogspot.com/2018/11/dasar-html-cara-membuat-link-di-html-tag.html', 'canonicalUrl': 'https://teknonetkom.blogspot.com/2018/11/dasar-html-cara-membuat-link-di-html-tag.html', 'homepageUrl': 'https://teknonetkom.blogspot.com/', 'searchUrl': 'https://teknonetkom.blogspot.com/search', 'canonicalHomepageUrl': 'https://teknonetkom.blogspot.com/', 'blogspotFaviconUrl': 'https://teknonetkom.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22TeknoNet - Atom\x22 href\x3d\x22https://teknonetkom.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22TeknoNet - RSS\x22 href\x3d\x22https://teknonetkom.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22TeknoNet - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5001584932922153780/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22TeknoNet - Atom\x22 href\x3d\x22https://teknonetkom.blogspot.com/feeds/6156458163617866882/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/1339d576f20ca433', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '6156458163617866882', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir7Q6UYytDSkASecO9OcyTCxMACQ0HNoodu4sM72bWXECijOeeimczo41ZBZbiZmj3BnKauAqCcouBwdXJH1RpHuZ8Z7OFNGx_jSssUXf8mW47QuhpU36n-_Et7f-Wk3zDQ_xtApZfgqw/s72-c/membuat-link-pada-html.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir7Q6UYytDSkASecO9OcyTCxMACQ0HNoodu4sM72bWXECijOeeimczo41ZBZbiZmj3BnKauAqCcouBwdXJH1RpHuZ8Z7OFNGx_jSssUXf8mW47QuhpU36n-_Et7f-Wk3zDQ_xtApZfgqw/s320/membuat-link-pada-html.jpg', 'pageName': 'Dasar HTML: Cara Membuat Link di HTML ( Tag a )', 'pageTitle': 'TeknoNet: Dasar HTML: Cara Membuat Link di HTML ( Tag a )', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Dasar HTML: Cara Membuat Link di HTML ( Tag a )', 'description': 'Informasi Seputar Teknologi Komputer dan Software', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir7Q6UYytDSkASecO9OcyTCxMACQ0HNoodu4sM72bWXECijOeeimczo41ZBZbiZmj3BnKauAqCcouBwdXJH1RpHuZ8Z7OFNGx_jSssUXf8mW47QuhpU36n-_Et7f-Wk3zDQ_xtApZfgqw/s320/membuat-link-pada-html.jpg', 'url': 'https://teknonetkom.blogspot.com/2018/11/dasar-html-cara-membuat-link-di-html-tag.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6156458163617866882}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2646514562-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML996', 'iklan-atas', document.getElementById('HTML996'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML997', 'iklan-tengah1', document.getElementById('HTML997'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML998', 'iklan-tengah2', document.getElementById('HTML998'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'iklan-bawah', document.getElementById('HTML999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label3', 'sidebar', document.getElementById('Label3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-sticky', document.getElementById('HTML1'), {}, 'displayModeFull'));
</script>
</body>-->