[{"data":1,"prerenderedAt":1103},["ShallowReactive",2],{"navigation":3,"/docs/html/getting-started/praktik":218,"/docs/html/getting-started/praktik-surround":1098},[4,23,33,44,88,106,124,135,146,157],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","/docs/getting-started","1.docs/1.getting-started/1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Protokol FTS.","/docs/getting-started/protokol","1.docs/1.getting-started/2.protokol","i-lucide-file-text",{"title":18,"path":19,"stem":20,"icon":21},"Lisensi","/docs/getting-started/lisensi","1.docs/1.getting-started/3.Lisensi","i-lucide-scroll-text",false,{"title":24,"path":25,"stem":26,"children":27,"icon":29},"Memulai dengan Nuxt","/docs/nuxt","1.docs/10.Nuxt/1.index",[28,30],{"title":24,"path":25,"stem":26,"icon":29},"i-simple-icons-nuxtdotjs",{"title":24,"path":31,"stem":32,"icon":29},"/docs/nuxt/getting-started","1.docs/10.Nuxt/1.getting-started",{"title":34,"path":35,"stem":36,"children":37,"page":22},"Laravel","/docs/laravel","1.docs/2.laravel",[38],{"title":39,"path":40,"stem":41,"children":42},"Laravel Documentation","/docs/laravel/getting-started","1.docs/2.laravel/1.getting-started/index",[43],{"title":39,"path":40,"stem":41},{"title":45,"path":46,"stem":47,"children":48,"page":22},"Html","/docs/html","1.docs/3.HTML",[49,81],{"title":50,"path":51,"stem":52,"children":53,"icon":55},"HTML Introduction","/docs/html/getting-started","1.docs/3.HTML/1.getting-started/index",[54,56,61,66,71,76],{"title":50,"path":51,"stem":52,"icon":55},"i-lucide-file-code",{"title":57,"path":58,"stem":59,"icon":60},"Cara Penulisan HTML","/docs/html/getting-started/cara-penulisan-html","1.docs/3.HTML/1.getting-started/2.cara-penulisan-html","i-lucide-code",{"title":62,"path":63,"stem":64,"icon":65},"Tabel, Video, dan Elemen Semantik","/docs/html/getting-started/element-semantik-dan-visual","1.docs/3.HTML/1.getting-started/3.element-semantik-dan -visual","i-lucide-table",{"title":67,"path":68,"stem":69,"icon":70},"Formulir dan Input Pengguna","/docs/html/getting-started/formulir","1.docs/3.HTML/1.getting-started/4.formulir","i-lucide-form-input",{"title":72,"path":73,"stem":74,"icon":75},"Audio, Canvas, Iframe, dan Elemen Head","/docs/html/getting-started/audio-canvas-iframe-dan-elemen-head","1.docs/3.HTML/1.getting-started/5.Audio-Canvas-Iframe-dan-Elemen-Head","i-lucide-heading",{"title":77,"path":78,"stem":79,"icon":80},"Praktik Terbaik, Debugging, dan Langkah Selanjutnya","/docs/html/getting-started/praktik","1.docs/3.HTML/1.getting-started/6.praktik","i-lucide-check-circle",{"title":82,"path":83,"stem":84,"children":85,"icon":87},"Koleksi Lengkap Tag HTML Langka","/docs/html/pustaka","1.docs/3.HTML/2.PUSTAKA/1.index",[86],{"title":82,"path":83,"stem":84,"icon":87},"i-lucide-code-xml",{"title":89,"path":90,"stem":91,"children":92,"page":22},"Css","/docs/css","1.docs/4.CSS",[93,99],{"title":94,"path":95,"stem":96,"children":97},"CSS Documentation","/docs/css/getting-started","1.docs/4.CSS/1.getting-started/index",[98],{"title":94,"path":95,"stem":96},{"title":100,"path":101,"stem":102,"children":103,"icon":105},"CSS Layouts","/docs/css/layouts","1.docs/4.CSS/2.layouts/1.index",[104],{"title":100,"path":101,"stem":102,"icon":105},"i-lucide-layout-template",{"title":107,"path":108,"stem":109,"children":110,"page":22},"Js","/docs/js","1.docs/5.JS",[111,117],{"title":112,"path":113,"stem":114,"children":115},"JavaScript Documentation","/docs/js/getting-started","1.docs/5.JS/1.getting-started/index",[116],{"title":112,"path":113,"stem":114},{"title":118,"path":119,"stem":120,"children":121,"icon":123},"Custom Components","/docs/js/components","1.docs/5.JS/2.components/1.index",[122],{"title":118,"path":119,"stem":120,"icon":123},"i-lucide-component",{"title":125,"path":126,"stem":127,"children":128,"page":22},"Ts","/docs/ts","1.docs/6.TS",[129],{"title":130,"path":131,"stem":132,"children":133},"TypeScript Documentation","/docs/ts/getting-started","1.docs/6.TS/1.getting-started/index",[134],{"title":130,"path":131,"stem":132},{"title":136,"path":137,"stem":138,"children":139,"page":22},"Next","/docs/next","1.docs/7.Next",[140],{"title":141,"path":142,"stem":143,"children":144},"Next.js Documentation","/docs/next/getting-started","1.docs/7.Next/1.getting-started/index",[145],{"title":141,"path":142,"stem":143},{"title":147,"path":148,"stem":149,"children":150,"page":22},"Mongodb","/docs/mongodb","1.docs/8.MongoDB",[151],{"title":152,"path":153,"stem":154,"children":155},"MongoDB Documentation","/docs/mongodb/getting-started","1.docs/8.MongoDB/1.getting-started/index",[156],{"title":152,"path":153,"stem":154},{"title":158,"path":159,"stem":160,"children":161,"page":22},"Java","/docs/java","1.docs/9.Java",[162],{"title":163,"path":164,"stem":165,"children":166,"icon":168},"Java untuk Pemula — Bagian 1","/docs/java/getting-started","1.docs/9.Java/1.getting-started/index",[167,169,174,179,183,188,193,198,203,208,213],{"title":163,"path":164,"stem":165,"icon":168},"i-lucide-coffee",{"title":170,"path":171,"stem":172,"icon":173},"Modul 9 — String","/docs/java/getting-started/string","1.docs/9.Java/1.getting-started/10.string","i-lucide-text",{"title":175,"path":176,"stem":177,"icon":178},"Latihan Soal Level 1–3","/docs/java/getting-started/latihan-soal","1.docs/9.Java/1.getting-started/11.latihan-soal","i-lucide-dumbbell",{"title":180,"path":181,"stem":182,"icon":168},"Modul 1 — Pengenalan Java","/docs/java/getting-started/pengenalan-java","1.docs/9.Java/1.getting-started/2.pengenalan-java",{"title":184,"path":185,"stem":186,"icon":187},"Modul 2 — Tipe Data & Variabel","/docs/java/getting-started/tipe-data-variabel","1.docs/9.Java/1.getting-started/3.tipe-data-variabel","i-lucide-database",{"title":189,"path":190,"stem":191,"icon":192},"Modul 3 — Operator","/docs/java/getting-started/operator","1.docs/9.Java/1.getting-started/4.operator","i-lucide-calculator",{"title":194,"path":195,"stem":196,"icon":197},"Modul 4 — Input & Output","/docs/java/getting-started/input-output","1.docs/9.Java/1.getting-started/5.input-output","i-lucide-terminal",{"title":199,"path":200,"stem":201,"icon":202},"Modul 5 — Percabangan","/docs/java/getting-started/percabangan","1.docs/9.Java/1.getting-started/6.percabangan","i-lucide-git-branch",{"title":204,"path":205,"stem":206,"icon":207},"Modul 6 — Perulangan","/docs/java/getting-started/perulangan","1.docs/9.Java/1.getting-started/7.perulangan","i-lucide-repeat",{"title":209,"path":210,"stem":211,"icon":212},"Modul 7 — Array","/docs/java/getting-started/array","1.docs/9.Java/1.getting-started/8.array","i-lucide-table-2",{"title":214,"path":215,"stem":216,"icon":217},"Modul 8 — Method","/docs/java/getting-started/method","1.docs/9.Java/1.getting-started/9.method","i-lucide-code-2",{"id":219,"title":77,"body":220,"description":1092,"extension":1093,"meta":1094,"navigation":1095,"path":78,"seo":1096,"stem":79,"__hash__":1097},"docs/1.docs/3.HTML/1.getting-started/6.praktik.md",{"type":221,"value":222,"toc":1067},"minimark",[223,228,232,237,240,471,475,482,544,552,555,593,597,604,682,686,707,711,714,718,722,733,737,762,766,843,847,850,854,857,868,879,883,886,897,906,910,913,921,925,928,948,952,969,975,979,1013,1021,1024,1028,1031,1054,1057,1060,1063],[224,225,227],"h2",{"id":226},"praktik-terbaik-menulis-html","Praktik Terbaik Menulis HTML",[229,230,231],"p",{},"Menulis HTML bukan cuma soal \"bisa tampil\". Kode yang baik mudah dibaca, dipelihara, dan ramah terhadap mesin pencari serta pengguna dengan kebutuhan khusus.",[233,234,236],"h3",{"id":235},"_1-gunakan-struktur-semantik","1. Gunakan Struktur Semantik",[229,238,239],{},"Pilih elemen berdasarkan makna, bukan tampilannya.",[241,242,247],"pre",{"className":243,"code":244,"language":245,"meta":246,"style":246},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- Buruk -->\n\u003Cdiv class=\"header\">\n  \u003Cdiv class=\"nav\">...\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"main\">\n  \u003Cdiv class=\"article\">...\u003C/div>\n\u003C/div>\n\n\u003C!-- Baik -->\n\u003Cheader>\n  \u003Cnav>...\u003C/nav>\n\u003C/header>\n\u003Cmain>\n  \u003Carticle>...\u003C/article>\n\u003C/main>\n","html","",[248,249,250,259,289,322,331,351,379,388,395,401,410,427,436,445,462],"code",{"__ignoreMap":246},[251,252,255],"span",{"class":253,"line":254},"line",1,[251,256,258],{"class":257},"sHwdD","\u003C!-- Buruk -->\n",[251,260,262,266,270,274,277,280,284,286],{"class":253,"line":261},2,[251,263,265],{"class":264},"sMK4o","\u003C",[251,267,269],{"class":268},"swJcz","div",[251,271,273],{"class":272},"spNyl"," class",[251,275,276],{"class":264},"=",[251,278,279],{"class":264},"\"",[251,281,283],{"class":282},"sfazB","header",[251,285,279],{"class":264},[251,287,288],{"class":264},">\n",[251,290,292,295,297,299,301,303,306,308,311,315,318,320],{"class":253,"line":291},3,[251,293,294],{"class":264},"  \u003C",[251,296,269],{"class":268},[251,298,273],{"class":272},[251,300,276],{"class":264},[251,302,279],{"class":264},[251,304,305],{"class":282},"nav",[251,307,279],{"class":264},[251,309,310],{"class":264},">",[251,312,314],{"class":313},"sTEyZ","...",[251,316,317],{"class":264},"\u003C/",[251,319,269],{"class":268},[251,321,288],{"class":264},[251,323,325,327,329],{"class":253,"line":324},4,[251,326,317],{"class":264},[251,328,269],{"class":268},[251,330,288],{"class":264},[251,332,334,336,338,340,342,344,347,349],{"class":253,"line":333},5,[251,335,265],{"class":264},[251,337,269],{"class":268},[251,339,273],{"class":272},[251,341,276],{"class":264},[251,343,279],{"class":264},[251,345,346],{"class":282},"main",[251,348,279],{"class":264},[251,350,288],{"class":264},[251,352,354,356,358,360,362,364,367,369,371,373,375,377],{"class":253,"line":353},6,[251,355,294],{"class":264},[251,357,269],{"class":268},[251,359,273],{"class":272},[251,361,276],{"class":264},[251,363,279],{"class":264},[251,365,366],{"class":282},"article",[251,368,279],{"class":264},[251,370,310],{"class":264},[251,372,314],{"class":313},[251,374,317],{"class":264},[251,376,269],{"class":268},[251,378,288],{"class":264},[251,380,382,384,386],{"class":253,"line":381},7,[251,383,317],{"class":264},[251,385,269],{"class":268},[251,387,288],{"class":264},[251,389,391],{"class":253,"line":390},8,[251,392,394],{"emptyLinePlaceholder":393},true,"\n",[251,396,398],{"class":253,"line":397},9,[251,399,400],{"class":257},"\u003C!-- Baik -->\n",[251,402,404,406,408],{"class":253,"line":403},10,[251,405,265],{"class":264},[251,407,283],{"class":268},[251,409,288],{"class":264},[251,411,413,415,417,419,421,423,425],{"class":253,"line":412},11,[251,414,294],{"class":264},[251,416,305],{"class":268},[251,418,310],{"class":264},[251,420,314],{"class":313},[251,422,317],{"class":264},[251,424,305],{"class":268},[251,426,288],{"class":264},[251,428,430,432,434],{"class":253,"line":429},12,[251,431,317],{"class":264},[251,433,283],{"class":268},[251,435,288],{"class":264},[251,437,439,441,443],{"class":253,"line":438},13,[251,440,265],{"class":264},[251,442,346],{"class":268},[251,444,288],{"class":264},[251,446,448,450,452,454,456,458,460],{"class":253,"line":447},14,[251,449,294],{"class":264},[251,451,366],{"class":268},[251,453,310],{"class":264},[251,455,314],{"class":313},[251,457,317],{"class":264},[251,459,366],{"class":268},[251,461,288],{"class":264},[251,463,465,467,469],{"class":253,"line":464},15,[251,466,317],{"class":264},[251,468,346],{"class":268},[251,470,288],{"class":264},[233,472,474],{"id":473},"_2-perhatikan-hierarki-heading","2. Perhatikan Hierarki Heading",[229,476,477,478,481],{},"Jangan lompat level heading. Gunakan ",[248,479,480],{},"\u003Ch1>"," sekali saja per halaman.",[241,483,485],{"className":243,"code":484,"language":245,"meta":246,"style":246},"\u003Ch1>Judul Utama\u003C/h1>\n\u003Ch2>Bagian Besar\u003C/h2>\n\u003Ch3>Sub-bagian\u003C/h3>\n\u003C!-- jangan langsung lompat ke h5 -->\n",[248,486,487,505,522,539],{"__ignoreMap":246},[251,488,489,491,494,496,499,501,503],{"class":253,"line":254},[251,490,265],{"class":264},[251,492,493],{"class":268},"h1",[251,495,310],{"class":264},[251,497,498],{"class":313},"Judul Utama",[251,500,317],{"class":264},[251,502,493],{"class":268},[251,504,288],{"class":264},[251,506,507,509,511,513,516,518,520],{"class":253,"line":261},[251,508,265],{"class":264},[251,510,224],{"class":268},[251,512,310],{"class":264},[251,514,515],{"class":313},"Bagian Besar",[251,517,317],{"class":264},[251,519,224],{"class":268},[251,521,288],{"class":264},[251,523,524,526,528,530,533,535,537],{"class":253,"line":291},[251,525,265],{"class":264},[251,527,233],{"class":268},[251,529,310],{"class":264},[251,531,532],{"class":313},"Sub-bagian",[251,534,317],{"class":264},[251,536,233],{"class":268},[251,538,288],{"class":264},[251,540,541],{"class":253,"line":324},[251,542,543],{"class":257},"\u003C!-- jangan langsung lompat ke h5 -->\n",[233,545,547,548,551],{"id":546},"_3-selalu-sertakan-atribut-alt-pada-gambar","3. Selalu Sertakan Atribut ",[248,549,550],{},"alt"," pada Gambar",[229,553,554],{},"Untuk aksesibilitas dan jika gambar gagal dimuat.",[241,556,558],{"className":243,"code":557,"language":245,"meta":246,"style":246},"\u003Cimg src=\"foto.jpg\" alt=\"Deskripsi singkat gambar\">\n",[248,559,560],{"__ignoreMap":246},[251,561,562,564,567,570,572,574,577,579,582,584,586,589,591],{"class":253,"line":254},[251,563,265],{"class":264},[251,565,566],{"class":268},"img",[251,568,569],{"class":272}," src",[251,571,276],{"class":264},[251,573,279],{"class":264},[251,575,576],{"class":282},"foto.jpg",[251,578,279],{"class":264},[251,580,581],{"class":272}," alt",[251,583,276],{"class":264},[251,585,279],{"class":264},[251,587,588],{"class":282},"Deskripsi singkat gambar",[251,590,279],{"class":264},[251,592,288],{"class":264},[233,594,596],{"id":595},"_4-gunakan-label-pada-formulir","4. Gunakan Label pada Formulir",[229,598,599,600,603],{},"Setiap input harus memiliki ",[248,601,602],{},"\u003Clabel>"," yang terhubung.",[241,605,607],{"className":243,"code":606,"language":245,"meta":246,"style":246},"\u003Clabel for=\"nama\">Nama:\u003C/label>\n\u003Cinput type=\"text\" id=\"nama\" name=\"nama\">\n",[248,608,609,639],{"__ignoreMap":246},[251,610,611,613,616,619,621,623,626,628,630,633,635,637],{"class":253,"line":254},[251,612,265],{"class":264},[251,614,615],{"class":268},"label",[251,617,618],{"class":272}," for",[251,620,276],{"class":264},[251,622,279],{"class":264},[251,624,625],{"class":282},"nama",[251,627,279],{"class":264},[251,629,310],{"class":264},[251,631,632],{"class":313},"Nama:",[251,634,317],{"class":264},[251,636,615],{"class":268},[251,638,288],{"class":264},[251,640,641,643,646,649,651,653,656,658,661,663,665,667,669,672,674,676,678,680],{"class":253,"line":261},[251,642,265],{"class":264},[251,644,645],{"class":268},"input",[251,647,648],{"class":272}," type",[251,650,276],{"class":264},[251,652,279],{"class":264},[251,654,655],{"class":282},"text",[251,657,279],{"class":264},[251,659,660],{"class":272}," id",[251,662,276],{"class":264},[251,664,279],{"class":264},[251,666,625],{"class":282},[251,668,279],{"class":264},[251,670,671],{"class":272}," name",[251,673,276],{"class":264},[251,675,279],{"class":264},[251,677,625],{"class":282},[251,679,279],{"class":264},[251,681,288],{"class":264},[233,683,685],{"id":684},"_5-tulis-kode-yang-konsisten","5. Tulis Kode yang Konsisten",[687,688,689,693,696],"ul",{},[690,691,692],"li",{},"Gunakan indentasi (2 spasi atau 4 spasi, konsisten).",[690,694,695],{},"Gunakan huruf kecil untuk tag dan atribut.",[690,697,698,699,702,703,706],{},"Tutup semua tag (kecuali self-closing seperti ",[248,700,701],{},"\u003Cimg>",", ",[248,704,705],{},"\u003Cbr>",").",[233,708,710],{"id":709},"_6-validasi-kode","6. Validasi Kode",[229,712,713],{},"Selalu cek dengan validator W3C.",[224,715,717],{"id":716},"debugging-sederhana","Debugging Sederhana",[233,719,721],{"id":720},"_1-validator-html-w3c","1. Validator HTML W3C",[229,723,724,725,732],{},"Buka ",[726,727,731],"a",{"href":728,"rel":729},"https://validator.w3.org/",[730],"nofollow","validator.w3.org",", masukkan URL atau unggah file HTML. Validator akan memberitahu kesalahan dan peringatan.",[233,734,736],{"id":735},"_2-chrome-devtools-atau-browser-lain","2. Chrome DevTools (atau browser lain)",[687,738,739,742,750,756],{},[690,740,741],{},"Klik kanan → Inspect.",[690,743,744,745,749],{},"Tab ",[746,747,748],"strong",{},"Elements",": lihat struktur HTML, cek apakah tag tertutup dengan benar.",[690,751,744,752,755],{},[746,753,754],{},"Console",": lihat error JavaScript (jika ada).",[690,757,744,758,761],{},[746,759,760],{},"Network",": lihat apakah file CSS/gambar berhasil dimuat.",[233,763,765],{"id":764},"_3-kesalahan-umum-dan-solusinya","3. Kesalahan Umum dan Solusinya",[767,768,769,785],"table",{},[770,771,772],"thead",{},[773,774,775,779,782],"tr",{},[776,777,778],"th",{},"Gejala",[776,780,781],{},"Kemungkinan Penyebab",[776,783,784],{},"Solusi",[786,787,788,800,815,826],"tbody",{},[773,789,790,794,797],{},[791,792,793],"td",{},"Halaman kosong",[791,795,796],{},"Tag tidak ditutup, atau ada error di head",[791,798,799],{},"Cek penutup tag, lihat di DevTools",[773,801,802,805,808],{},[791,803,804],{},"Gambar tidak muncul",[791,806,807],{},"Path salah, nama file salah",[791,809,810,811,814],{},"Cek atribut ",[248,812,813],{},"src",", lihat tab Network",[773,816,817,820,823],{},[791,818,819],{},"CSS tidak bekerja",[791,821,822],{},"Link ke CSS salah, atau CSS error",[791,824,825],{},"Cek path, lihat tab Network, cek Console",[773,827,828,831,838],{},[791,829,830],{},"Form tidak bisa dikirim",[791,832,833,834,837],{},"Input tidak punya ",[248,835,836],{},"name",", action salah",[791,839,840,841],{},"Pastikan setiap input punya ",[248,842,836],{},[224,844,846],{"id":845},"langkah-selanjutnya-setelah-html","Langkah Selanjutnya Setelah HTML",[229,848,849],{},"HTML adalah fondasi. Sekarang saatnya membangun di atasnya.",[233,851,853],{"id":852},"_1-css-cascading-style-sheets","1. CSS (Cascading Style Sheets)",[229,855,856],{},"Pelajari cara mengatur tampilan: warna, layout, tipografi, animasi.",[687,858,859,862,865],{},[690,860,861],{},"Dasar: selektor, properti, box model.",[690,863,864],{},"Layout: flexbox, grid.",[690,866,867],{},"Responsif: media queries.",[229,869,870,873,874],{},[746,871,872],{},"Rekomendasi",": ",[726,875,878],{"href":876,"rel":877},"https://developer.mozilla.org/id/docs/Web/CSS",[730],"MDN CSS",[233,880,882],{"id":881},"_2-javascript","2. JavaScript",[229,884,885],{},"Tambahkan interaktivitas: validasi form, animasi, konten dinamis.",[687,887,888,891,894],{},[690,889,890],{},"Dasar: variabel, fungsi, event.",[690,892,893],{},"Manipulasi DOM.",[690,895,896],{},"Fetch API untuk mengambil data.",[229,898,899,873,901],{},[746,900,872],{},[726,902,905],{"href":903,"rel":904},"https://javascript.info/",[730],"javascript.info",[233,907,909],{"id":908},"_3-version-control-git","3. Version Control (Git)",[229,911,912],{},"Kelola kode, kolaborasi, dan backup.",[687,914,915,918],{},[690,916,917],{},"Dasar: init, add, commit, push.",[690,919,920],{},"GitHub untuk hosting kode.",[233,922,924],{"id":923},"_4-build-tools-dan-framework","4. Build Tools dan Framework",[229,926,927],{},"Setelah nyaman dengan CSS dan JS murni, lihat:",[687,929,930,936,942],{},[690,931,932,935],{},[746,933,934],{},"Tailwind CSS",": utility-first framework.",[690,937,938,941],{},[746,939,940],{},"Vue / React",": library untuk UI interaktif.",[690,943,944,947],{},[746,945,946],{},"Astro / Nuxt / Next.js",": framework untuk website modern.",[233,949,951],{"id":950},"_5-proyek-sederhana-untuk-latihan","5. Proyek Sederhana untuk Latihan",[687,953,954,957,960,963,966],{},[690,955,956],{},"Halaman profil pribadi (HTML + CSS).",[690,958,959],{},"Portofolio sederhana dengan grid.",[690,961,962],{},"Form kontak dengan validasi JavaScript.",[690,964,965],{},"Website berita sederhana dengan artikel semantik.",[690,967,968],{},"Tampilkan data dari API (setelah belajar JavaScript).",[970,971,972],"tip",{},[229,973,974],{},"Jangan terburu-buru ke framework sebelum benar-benar paham HTML, CSS, dan JavaScript dasar. Pondasi yang kuat membuat segalanya lebih mudah nanti.",[224,976,978],{"id":977},"sumber-belajar-terpercaya","Sumber Belajar Terpercaya",[687,980,981,989,997,1005],{},[690,982,983,988],{},[726,984,987],{"href":985,"rel":986},"https://developer.mozilla.org/id/",[730],"MDN Web Docs"," (dokumentasi paling lengkap)",[690,990,991,996],{},[726,992,995],{"href":993,"rel":994},"https://www.w3schools.com/",[730],"W3Schools"," (tutorial interaktif untuk pemula)",[690,998,999,1004],{},[726,1000,1003],{"href":1001,"rel":1002},"https://www.freecodecamp.org/",[730],"freeCodeCamp"," (kurikulum terstruktur gratis)",[690,1006,1007,1012],{},[726,1008,1011],{"href":1009,"rel":1010},"https://css-tricks.com/",[730],"CSS-Tricks"," (tips dan trik CSS)",[1014,1015,1018],"read-more",{"title":1016,"to":1017},"Panduan Belajar Web Development","https://developer.mozilla.org/id/docs/Learn",[229,1019,1020],{},"Kurikulum lengkap dari MDN untuk pemula hingga mahir.",[1022,1023],"hr",{},[224,1025,1027],{"id":1026},"penutup","Penutup",[229,1029,1030],{},"HTML adalah bahasa yang sederhana tapi mendasar. Setiap halaman web yang kamu kunjungi, setiap aplikasi web yang kamu gunakan, semuanya dibangun di atas HTML. Kamu sudah menguasai:",[687,1032,1033,1036,1039,1042,1045,1048,1051],{},[690,1034,1035],{},"Apa itu HTML dan fungsinya.",[690,1037,1038],{},"Struktur dasar dan cara penulisan.",[690,1040,1041],{},"Teks, gambar, tautan, daftar.",[690,1043,1044],{},"Tabel, video, audio, canvas.",[690,1046,1047],{},"Formulir dan input.",[690,1049,1050],{},"Elemen semantik dan head.",[690,1052,1053],{},"Praktik terbaik dan debugging.",[229,1055,1056],{},"Sekarang saatnya praktek. Buat halaman web sederhana, coba-coba, dan jangan takut salah. Setiap error adalah kesempatan belajar.",[229,1058,1059],{},"Selamat berkoding! 🚀",[229,1061,1062],{},"Ada pertanyaan terakhir atau topik yang ingin didiskusikan lebih lanjut?",[1064,1065,1066],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":246,"searchDepth":261,"depth":261,"links":1068},[1069,1078,1083,1090,1091],{"id":226,"depth":261,"text":227,"children":1070},[1071,1072,1073,1075,1076,1077],{"id":235,"depth":291,"text":236},{"id":473,"depth":291,"text":474},{"id":546,"depth":291,"text":1074},"3. Selalu Sertakan Atribut alt pada Gambar",{"id":595,"depth":291,"text":596},{"id":684,"depth":291,"text":685},{"id":709,"depth":291,"text":710},{"id":716,"depth":261,"text":717,"children":1079},[1080,1081,1082],{"id":720,"depth":291,"text":721},{"id":735,"depth":291,"text":736},{"id":764,"depth":291,"text":765},{"id":845,"depth":261,"text":846,"children":1084},[1085,1086,1087,1088,1089],{"id":852,"depth":291,"text":853},{"id":881,"depth":291,"text":882},{"id":908,"depth":291,"text":909},{"id":923,"depth":291,"text":924},{"id":950,"depth":291,"text":951},{"id":977,"depth":261,"text":978},{"id":1026,"depth":261,"text":1027},"Menulis HTML yang bersih, menemukan dan memperbaiki kesalahan, serta jalan setelah menguasai dasar.","md",{},{"icon":80},{"title":77,"description":1092},"NFWtyIJ10SA_86BdxaHpBr4usq_pF_XgpETmoJWERto",[1099,1101],{"title":72,"path":73,"stem":74,"description":1100,"icon":75,"children":-1},"Memperkaya halaman dengan suara, gambar dinamis, sematan eksternal, dan pengaturan dokumen.",{"title":82,"path":83,"stem":84,"description":1102,"icon":87,"children":-1},"Referensi lengkap tag-tag HTML yang jarang digunakan, dilengkapi dengan contoh kode dan hasil preview.",1777200154699]