{"id":974,"date":"2026-04-14T04:18:04","date_gmt":"2026-04-13T21:18:04","guid":{"rendered":"http:\/\/www.tneutron.net\/mikro\/?p=974"},"modified":"2026-04-10T10:17:29","modified_gmt":"2026-04-10T03:17:29","slug":"html-basics","status":"publish","type":"post","link":"https:\/\/www.tneutron.net\/mikro\/html-basics\/","title":{"rendered":"HTML Basics"},"content":{"rendered":"

HTTP (Hypertext Transfer Protocol) is a protocol used to transfer data between a web server to a web browser.<\/span> This protocol transfer web documents written or formatted HTML (Hypertext Markup Language).<\/span> It is said because the HTML markup language serves to ‘beautify’ plain text file to be displayed on the web browser program this is done by adding the element atu often referred to as tags on the plain text file.<\/span><\/p>\n

HTML5 is now known for offering a variety of attractive features that are not supported by previous HTML.<\/span> Some features available in HTML5 as follows.<\/span>
\n o Canvas.<\/strong><\/span> Allows the creation of images in the canvas.<\/span> So, the picture is no longer taken from an image intact, but can be compiled, like using the Paint program.<\/span>
\n o Header.<\/strong><\/span> Useful to express a title, which can be filled with elements of the logo and company name.<\/span>
\n o Footer.<\/strong><\/span> Is the opposite of the header.<\/span> As a footnote, this element is useful to put information at the bottom of the web page.<\/span>
\n o Time.<\/strong><\/span> This element is useful to present the information about the timing.<\/span>
\n o Audio.<\/strong><\/span> Allows the player to play the sound presentation.<\/span>
\n o Video.<\/strong><\/span> Allows the player to play the movie.<\/span><\/p>\n

In principle, the features in HTML can be grouped into:<\/span>
\n o The structure of the page;<\/span>
\n o The visual presentation;<\/span>
\n o Appliances image renderer;<\/span>
\n o Supporting media;<\/span> and Improved connections with JavaScript.<\/span><\/p>\n

HTML tags are usually in the form of tags in pairs and is characterized by a larger symbol (<) and (>).<\/span> Spouse of a tag marked with a slash symbol (\/).<\/span> For example, the pair of tags <example> is <\/ example>.<\/span> In this case the <example> we call the elements and are usually contained in an element attributes to arrange elements.<\/span> So for example the <example> when written with attributes are as follows:<\/span>
\n <example atribut1 = “nilai_atribut1” atribut2 = “nilai_atribut2 =” …>.<\/span>
\n In writing HTML tags are not case sensitive means that users of small or capital letters does not matter.<\/span><\/p>\n

Basic structure of an HTML document<\/strong><\/span>
\n Each HTML document has a basic structure or arrangement of files as follows:<\/span>
\n\"image\"<\/a><\/p>\n

As shown, the structure of the HTML file begins with a tag <html> and closed with <\/ html>.<\/span> Inside these tags there are two major parts, that is flanked by the <head> … <\/ head> and <body> … <\/ body>.<\/span> Part of which is flanked by a header HEAD tags of an HTML page and does not appear in the browser.<\/span> This section contains the header tags like <tittle> … <\/ tittle> which berpungsi for issuing titles on tittle bar web browser window.<\/span><\/p>\n

The second part, which is flanked ole BODY tag is the part that will be displayed on the web page browser later.<\/span> In this section anada will write all kinds of information in various formats such as text or image you want to convey to the user later.<\/span><\/p>\n

Setting Document Properties<\/strong><\/span>
\n Document properties set through attributes contained in the <body>.<\/span> An example is setting the background color of the page belakng, wana text, link color and others.<\/span><\/p>\n

Color Code<\/strong><\/span>
\n<\/strong> In the RGB color settings using code which is displayed in a hexadecimal value.<\/span> Each section two nip code indicates the number of the intensity of the color combination of red, green and blue.<\/span> For example, 00 in the first two digits means no red in color kobinasi following is an example of the color code:<\/span>
\n\"image\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

HTTP (Hypertext Transfer Protocol) is a protocol used to transfer data between a web server to a web browser. This<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[1238],"tags":[1177,1182,1184,1180,1183,1185,1181,1186,1179,1178],"class_list":["post-974","post","type-post","status-publish","format-standard","hentry","category-english","tag-html-basics","tag-html-basics-ii","tag-html-basics-ii-1216","tag-html-basics-ii-816","tag-html-basics-ii-916","tag-html-basics-iii","tag-html-basics-iii-115","tag-html-basics-iii-1315","tag-html-basics-iii-915","tag-html-basics-pdf"],"yoast_head":"\nHTML Basics - TN Mikro<\/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.tneutron.net\/mikro\/html-basics\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"HTML Basics - TN Mikro\" \/>\n<meta name=\"twitter:description\" content=\"HTTP (Hypertext Transfer Protocol) is a protocol used to transfer data between a web server to a web browser. This\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb27.png\" \/>\n<meta name=\"twitter:creator\" content=\"@t_neutron\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Taufiqullah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. 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.tneutron.net\\\/mikro\\\/html-basics\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/\"},\"author\":{\"name\":\"Taufiqullah\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"headline\":\"HTML Basics\",\"datePublished\":\"2026-04-13T21:18:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/\"},\"wordCount\":590,\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb27.png\",\"keywords\":[\"HTML Basics\",\"html basics ii\",\"html basics ii 12\\\/16\",\"html basics ii 8\\\/16\",\"html basics ii 9\\\/16\",\"html basics iii\",\"html basics iii 1\\\/15\",\"html basics iii 13\\\/15\",\"html basics iii 9\\\/15\",\"html basics pdf\"],\"articleSection\":[\"English\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/\",\"name\":\"HTML Basics - TN Mikro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb27.png\",\"datePublished\":\"2026-04-13T21:18:04+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb27.png\",\"contentUrl\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb27.png\",\"width\":337,\"height\":291},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/html-basics\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Basics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\",\"name\":\"TN Mikro\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\",\"name\":\"Taufiqullah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"caption\":\"Taufiqullah\"},\"description\":\"Taufiqullah\",\"sameAs\":[\"http:\\\/\\\/www.tneutron.net\",\"https:\\\/\\\/x.com\\\/t_neutron\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Basics - TN Mikro","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.tneutron.net\/mikro\/html-basics\/","twitter_card":"summary_large_image","twitter_title":"HTML Basics - TN Mikro","twitter_description":"HTTP (Hypertext Transfer Protocol) is a protocol used to transfer data between a web server to a web browser. This","twitter_image":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb27.png","twitter_creator":"@t_neutron","twitter_misc":{"Written by":"Taufiqullah","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tneutron.net\/mikro\/html-basics\/#article","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/html-basics\/"},"author":{"name":"Taufiqullah","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"headline":"HTML Basics","datePublished":"2026-04-13T21:18:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/html-basics\/"},"wordCount":590,"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/html-basics\/#primaryimage"},"thumbnailUrl":"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb27.png","keywords":["HTML Basics","html basics ii","html basics ii 12\/16","html basics ii 8\/16","html basics ii 9\/16","html basics iii","html basics iii 1\/15","html basics iii 13\/15","html basics iii 9\/15","html basics pdf"],"articleSection":["English"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.tneutron.net\/mikro\/html-basics\/","url":"https:\/\/www.tneutron.net\/mikro\/html-basics\/","name":"HTML Basics - TN Mikro","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/html-basics\/#primaryimage"},"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/html-basics\/#primaryimage"},"thumbnailUrl":"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb27.png","datePublished":"2026-04-13T21:18:04+00:00","author":{"@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"breadcrumb":{"@id":"https:\/\/www.tneutron.net\/mikro\/html-basics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tneutron.net\/mikro\/html-basics\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tneutron.net\/mikro\/html-basics\/#primaryimage","url":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb27.png","contentUrl":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb27.png","width":337,"height":291},{"@type":"BreadcrumbList","@id":"https:\/\/www.tneutron.net\/mikro\/html-basics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.tneutron.net\/mikro\/"},{"@type":"ListItem","position":2,"name":"HTML Basics"}]},{"@type":"WebSite","@id":"https:\/\/www.tneutron.net\/mikro\/#website","url":"https:\/\/www.tneutron.net\/mikro\/","name":"TN Mikro","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tneutron.net\/mikro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375","name":"Taufiqullah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","caption":"Taufiqullah"},"description":"Taufiqullah","sameAs":["http:\/\/www.tneutron.net","https:\/\/x.com\/t_neutron"]}]}},"_links":{"self":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/comments?post=974"}],"version-history":[{"count":1,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/974\/revisions"}],"predecessor-version":[{"id":2981,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/974\/revisions\/2981"}],"wp:attachment":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media?parent=974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/categories?post=974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/tags?post=974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}