{"id":36,"date":"2015-07-16T06:16:51","date_gmt":"2015-07-16T05:16:51","guid":{"rendered":"https:\/\/yellowweb.id\/blog\/?p=36"},"modified":"2015-07-20T06:31:01","modified_gmt":"2015-07-20T05:31:01","slug":"berkenalan-dengan-tag-html","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/","title":{"rendered":"Berkenalan dengan Tag HTML"},"content":{"rendered":"

\"yellowweb_tag\"<\/a>Halo teman-teman, kali ini kita akan mencoba berkenalan dengan Tag HTML, karena dasar dari mempelajari HTML<\/a> adalah dengan mengenal tag-tag tersebut.<\/p>\n

\u00a0 Ada beberapa tag-tag HTML<\/a> yang wajib kita ketahui, diantaranya adalah:<\/p>\n

1. Tag HTML Heading<\/a><\/strong><\/span><\/p>\n

Berfungsi untuk memformat sebuah tulisan menjadi cetak tebal dan memberikan jarak\/ baris. Ada beberapa level untuk tag heading ini dan biasanya digunakan untuk membuat judul artikel.<\/p>\n

<!DOCTYPE html>\r\n<html>\r\n<head lang=\"en\">\r\n    <meta charset=\"UTF-8\">\r\n    <title>Tag HTML Headings<\/title>\r\n<\/head>\r\n<body>\r\n\r\n    <h1>Tulisan dengan Heading Level 1<\/h1>\r\n    <h2>Tulisan dengan Heading Level 2<\/h2>\r\n    <h3>Tulisan dengan Heading Level 3<\/h3>\r\n    <h4>Tulisan dengan Heading Level 4<\/h4>\r\n    <h5>Tulisan dengan Heading Level 5<\/h5>\r\n    <h6>Tulisan dengan Heading Level 6<\/h6>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
\u00a02. Tag HTML Paragraf<\/a><\/strong><\/span><\/p>\n
Berfungsi untuk membuat paragraf pada HTML.<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head lang=\"en\">\r\n    <meta charset=\"UTF-8\">\r\n    <title>Tag HTML Paragraf<\/title>\r\n<\/head>\r\n<body>\r\n\r\n    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec aliquam neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus quam tortor, porttitor eget semper eu, convallis sit amet dolor. Curabitur lacinia massa sit amet sapien luctus sollicitudin. Nullam tristique vitae sem nec auctor. Curabitur tincidunt neque quis ante facilisis, in faucibus felis dapibus. Suspendisse tempus tincidunt lectus eget semper. In dapibus venenatis sem lobortis fringilla. Etiam sit amet hendrerit odio, id molestie orci. Cras maximus lorem quis ipsum sagittis lacinia. Aliquam et nibh at urna fermentum hendrerit. Pellentesque in pharetra magna, elementum condimentum lectus.<\/p>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
\u00a03. Tag HTML Image<\/a><\/strong><\/span><\/p>\n
Berfungsi untuk memasukan gambar ke dalam sebuah website.<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head lang=\"en\">\r\n    <meta charset=\"UTF-8\">\r\n    <title>Tag HTML img<\/title>\r\n<\/head>\r\n<body>\r\n\r\n    <img src=\"..\/images\/ducati.jpg\" width=\"300\" height=\"250\" alt=\"gambar_motor\">\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
\u00a04. Tag HTML Link<\/a><\/strong><\/span><\/p>\n
Penulisan URL atau link pada HTML menggunakan tag <a> .. <a><\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head lang=\"en\">\r\n    <meta charset=\"UTF-8\">\r\n    <title>link<\/title>\r\n<\/head>\r\n<body>\r\n\r\n    <a href=\"https:\/\/www.yellowweb.id\">Klik!<\/a>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
\u00a05. Tag HTML List<\/a><\/strong><\/span><\/p>\n
Berfungsi untuk membuat sebuah daftar\/ list. Ada 2 macam list yang berurut(ordered list<\/em>) dan tidak berurutan(unordered list<\/em>).<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head lang=\"en\">\r\n    <meta charset=\"UTF-8\">\r\n    <title>tag list<\/title>\r\n<\/head>\r\n<body>\r\n\r\n    <h3>List Berurutan<\/h3>\r\n\r\n    <ol>\r\n        <li>List 1<\/li>\r\n        <li>List 2<\/li>\r\n        <li>List 3<\/li>\r\n        <li>List 4<\/li>\r\n        <li>List 5<\/li>\r\n    <\/ol>\r\n\r\n    <h3>List Tidak Berurutan<\/h3>\r\n\r\n    <ul>\r\n        <li>List tidak berurut 1<\/li>\r\n        <li>List tidak berurut 2<\/li>\r\n        <li>List tidak berurut 3<\/li>\r\n        <li>List tidak berurut 4<\/li>\r\n        <li>List tidak berurut 5<\/li>\r\n    <\/ul>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
Contoh diatas adalah beberapa tag-tag HTML<\/a> yang perlu kita ketahui, karena merupakan dasar dalam mempelajari HTML, so bagi teman-teman silahkan di coba pelajari ya, sampai jumpa lagi di artikel berikutnya, happy coding \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"
Halo teman-teman, kali ini kita akan mencoba berkenalan dengan Tag HTML, karena dasar dari mempelajari HTML adalah dengan mengenal tag-tag tersebut.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,11],"tags":[13,36,14,35,12],"class_list":["post-36","post","type-post","status-publish","format-standard","hentry","category-html","category-tutorial","tag-html","tag-html-basic","tag-html5","tag-tag-html","tag-tutorial"],"yoast_head":"\nBerkenalan dengan Tag HTML - YELLOWWEB.ID<\/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.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Berkenalan dengan Tag HTML - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Halo teman-teman, kali ini kita akan mencoba berkenalan dengan Tag HTML, karena dasar dari mempelajari HTML adalah dengan mengenal tag-tag tersebut.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-16T05:16:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-07-20T05:31:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/yellowweb_tag.jpg\" \/>\n<meta name=\"author\" content=\"yellowweb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yellowweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Berkenalan dengan Tag HTML\",\"datePublished\":\"2015-07-16T05:16:51+00:00\",\"dateModified\":\"2015-07-20T05:31:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/\"},\"wordCount\":154,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/yellowweb_tag.jpg\",\"keywords\":[\"html\",\"html basic\",\"html5\",\"tag html\",\"tutorial\"],\"articleSection\":[\"HTML\",\"Tutorial\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/\",\"name\":\"Berkenalan dengan Tag HTML - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/yellowweb_tag.jpg\",\"datePublished\":\"2015-07-16T05:16:51+00:00\",\"dateModified\":\"2015-07-20T05:31:01+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/yellowweb_tag.jpg\",\"contentUrl\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/yellowweb_tag.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/berkenalan-dengan-tag-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Berkenalan dengan Tag HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\",\"name\":\"YELLOWWEB.ID\",\"description\":\"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\",\"name\":\"yellowweb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"caption\":\"yellowweb\"},\"sameAs\":[\"https:\\\/\\\/www.yellowweb.id\"],\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/author\\\/yellowweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Berkenalan dengan Tag HTML - YELLOWWEB.ID","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.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/","og_locale":"en_GB","og_type":"article","og_title":"Berkenalan dengan Tag HTML - YELLOWWEB.ID","og_description":"Halo teman-teman, kali ini kita akan mencoba berkenalan dengan Tag HTML, karena dasar dari mempelajari HTML adalah dengan mengenal tag-tag tersebut.","og_url":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2015-07-16T05:16:51+00:00","article_modified_time":"2015-07-20T05:31:01+00:00","og_image":[{"url":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/yellowweb_tag.jpg","type":"","width":"","height":""}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Berkenalan dengan Tag HTML","datePublished":"2015-07-16T05:16:51+00:00","dateModified":"2015-07-20T05:31:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/"},"wordCount":154,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/#primaryimage"},"thumbnailUrl":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/yellowweb_tag.jpg","keywords":["html","html basic","html5","tag html","tutorial"],"articleSection":["HTML","Tutorial"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/","url":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/","name":"Berkenalan dengan Tag HTML - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/#primaryimage"},"thumbnailUrl":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/yellowweb_tag.jpg","datePublished":"2015-07-16T05:16:51+00:00","dateModified":"2015-07-20T05:31:01+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/#primaryimage","url":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/yellowweb_tag.jpg","contentUrl":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/yellowweb_tag.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/berkenalan-dengan-tag-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Berkenalan dengan Tag HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.yellowweb.id\/blog\/#website","url":"https:\/\/www.yellowweb.id\/blog\/","name":"YELLOWWEB.ID","description":"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yellowweb.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829","name":"yellowweb","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","caption":"yellowweb"},"sameAs":["https:\/\/www.yellowweb.id"],"url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":3,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/36\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}