{"id":6116,"date":"2022-10-21T15:59:43","date_gmt":"2022-10-21T08:59:43","guid":{"rendered":"https:\/\/sunmedia.co.id\/?p=6116"},"modified":"2022-10-21T15:59:43","modified_gmt":"2022-10-21T08:59:43","slug":"apa-itu-html-fungsi-dan-cara-kerjanya","status":"publish","type":"post","link":"https:\/\/sunmedia.co.id\/blog\/apa-itu-html-fungsi-dan-cara-kerjanya\/","title":{"rendered":"Apa Itu HTML \u2014 Fungsi dan Cara Kerjanya"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Apa itu HTML, HTML adalah singkatan dari Hypertext Markup Language, yaitu bahasa markup standar untuk menyusun halaman dan aplikasi web.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Apa itu HTML, Biasanya, penggunaan HTML adalah untuk menyusun paragraf heading, maupun link pada halaman web. Walau susunannya seperti coding, perlu kamu ketahui HTML bukanlah bahasa pemrograman.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">HTML tidak dianggap sebagai bahasa pemrograman karena tidak memberikan fungsi yang dinamis. Bahasa markup ini dianggap sebagai standar web resmi.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, di artikel ini, selain membahas tentang apa itu HTML, kami juga akan membahas pengertian, cara kerja HTML, dan lain sebagainya.<\/span><\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#Apa_itu_HTML\"><span class=\"toc_number toc_depth_1\">1<\/span> Apa itu HTML?<\/a><\/li><li><a href=\"#Cara_Keja_HTML\"><span class=\"toc_number toc_depth_1\">2<\/span> Cara Keja HTML<\/a><\/li><li><a href=\"#Pengertian_Tag_HTML_dan_Fungsinya\"><span class=\"toc_number toc_depth_1\">3<\/span> Pengertian Tag HTML dan Fungsinya<\/a><\/li><li><a href=\"#Perbedaan_HTML_dengan_HTML5\"><span class=\"toc_number toc_depth_1\">4<\/span> Perbedaan HTML dengan HTML5<\/a><\/li><li><a href=\"#Kelebihan_dan_Kekurangan_HTML\"><span class=\"toc_number toc_depth_1\">5<\/span> Kelebihan dan Kekurangan HTML\u00a0<\/a><\/li><li><a href=\"#Hubungan_HTML_CSS_dan_JavaScript\"><span class=\"toc_number toc_depth_1\">6<\/span> Hubungan HTML, CSS, dan JavaScript<\/a><\/li><\/ul><\/div>\n<h2><span id=\"Apa_itu_HTML\"><b>Apa itu HTML?<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Apa itu HTML, Hypertext Markup Language atau bahasa markup standar yang digunakan untuk membuat halaman website dan aplikasi web.\u00a0<\/span><\/p>\n<p>Apa itu HTML, HTML merupakan kombinasi teks dan simbol yang disimpan dalam sebuah file. Untuk membuat file HTML, ada standar atau yang harus diikuti. Standar atau format tersebut telah tertuang dalam kode internasional atau ASCII (American Standard Code for Information Interchange)<\/p>\n<p><span style=\"font-weight: 400;\">Sejarah HTML dimulai oleh Tim Berners-Lee, ahli fisika di lembaga penelitian CERN yang berada di Swiss. Versi pertama dirilis pada tahun 1991, dengan 18 tag. Sejak itu setiap ada versi baru, pasti akan selalu ada tag dan attribute (tag modifier) yang juga baru.<\/span><\/p>\n<h2><span id=\"Cara_Keja_HTML\"><b>Cara Keja HTML<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">File HTML diakhiri dengan ekstensi. Ekstensi file ini bisa dilihat dengan menggunakan web browser apapun. Web Browser tersebut membaca file HTML dan render konten sehingga user bisa melihat dan membaca.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Rata-rata web browser menyertakan HTML yang berbeda-beda pada halamannya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Halaman tersebut mempunyai serangkaian tags (bisa disebut elements), yang tersusun untuk membbentuk halaman website. Tag tersebut menyusun konten hingga menjadi paragraf, heading dan block konten lainnya.<\/span><\/p>\n<p>Mungkin kamu tertarik untuk membaca: <a href=\"https:\/\/sunmedia.co.id\/blog\/panduan-mudah-audit-website\/\" rel=\"bookmark\">Panduan Mudah untuk Audit Website Anda<\/a><\/p>\n<h2><span id=\"Pengertian_Tag_HTML_dan_Fungsinya\"><b>Pengertian Tag HTML dan Fungsinya<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Tag HTML mempunyai dua tipe utama, yaitu: Block-Level dan Inline Tags.\u00a0<\/span><\/p>\n<ol>\n<li><span style=\"font-weight: 400;\"> Block-Level, memakai semua space yang tersedia dan membuat line baru di dalam dokumen. Contoh dari block-level adalah heading dan paragraf.\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Inline, memakai space sesuai dengan kebutuhan dan tidak membuat line baru di halaman. Elemen ini biasanya akan memformat isi konten dari block-level. Contoh dari inline adalah link dan emphasized strings.\u00a0<\/span><\/li>\n<\/ol>\n<h2><span id=\"Perbedaan_HTML_dengan_HTML5\"><b>Perbedaan HTML dengan HTML5<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Apa itu HTML? HTML4 atau yang disebut HTML diliris pada tahun 1999 dan versi terbaru diliris pada tahun 2014.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Lalu apa itu HTML5? HTML5 merupakan versi terbaru. Versi terbaru ini menambahkan lebih banyak fitur baru ke bahasa mark up.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Salah satu fitur canggih di HTML5 dengan adanya dukungan untuk embed audio dan video. Jadi bisa menyematkan file video dan audio ke halaman website dengan memanfaatkan tag.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">HTML5 juga memperkenalkan perbaikan pada semantic. Tag semantic mengirimkan informasi pada browser tentang konten yang tak hanya bermanfaat bagi pembaca, tapi juga mesin pencari.\u00a0<\/span><\/p>\n<h2><span id=\"Kelebihan_dan_Kekurangan_HTML\"><b>Kelebihan dan Kekurangan HTML<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Seperti hal teknis lainnya di dunia web, bahasa markup punya kelebihan dan kekurangan, yaitu:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kelebihan:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8211; Bisa digunakan secara luas dan punya banyak sumber serta komunitas yang besar.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8211; Dijalankan secara alami di setiap web browser.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8211; Open-source dan sepenuhnya gratis.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8211; Rapi dan konsisten.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8211; Jadi standar resmi web dan dikelola oleh W3C.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8211; Integrasi jadi mudah dengan menggunakan bahasa backend, seperti PHP dan Node.js.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kekurangan:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8211; Hanya bisa digunakan untuk halaman web statis. Jika fitur dinamis, bisa gunakan JavaScript atau bahasa backend.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8211; Tidak bisa menjalankan logic. Halaman web dibuat terpisah walaupun menggunakan elemen yang sama.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8211; Fitur baru tidak bisa secara langsung di sebagian web browser.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8211; Perilaku browser terkadang sulit diprediksi.<\/span><\/p>\n<h2><span id=\"Hubungan_HTML_CSS_dan_JavaScript\"><b>Hubungan HTML, CSS, dan JavaScript<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Meski dinyatakan sebagai bahasa markup yang canggih dan mudah, HTML tidak bisa membuat website secara profesional dan responsif.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bahasa ini bisa digunakan hanya untuk menambah elemen dan membuat struktur konten.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Di satu sisi, bahasa ini bisa bekerja maksimal dengan dua bahasa frontend: CSS (Cascading Style Sheets) dan Java Script.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika digabungkan, maka ini bisa meningkatkan pengalaman dan memberikan fungsi lebih canggih.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Semoga artikel yang kami buat dapat membantu kamu dalam mengetahui apa itu HTML. Dapatkan artikel bermanfaat serta lainnya yang terkait website dari Sun Media Digital Marketing.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika kamu memiliki masalah terkait website, kamu dapat menghubungi Sun Media sebagai solusi terbaik dari permasalahan kamu. Hubungi melalui <a href=\"mailto:info@sunmedia.co.id\">info@sunmedia.co.id<\/a> atau hubungi melalui +628113862388.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apa itu HTML, HTML adalah singkatan dari Hypertext Markup Language, yaitu bahasa markup standar untuk menyusun halaman dan aplikasi web.\u00a0<\/p>\n","protected":false},"author":6,"featured_media":6117,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,43],"tags":[],"yst_prominent_words":[],"_links":{"self":[{"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/posts\/6116"}],"collection":[{"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/comments?post=6116"}],"version-history":[{"count":2,"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/posts\/6116\/revisions"}],"predecessor-version":[{"id":6121,"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/posts\/6116\/revisions\/6121"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/media\/6117"}],"wp:attachment":[{"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/media?parent=6116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/categories?post=6116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/tags?post=6116"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/sunmedia.co.id\/wp-json\/wp\/v2\/yst_prominent_words?post=6116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}