[{"data":1,"prerenderedAt":1696},["ShallowReactive",2],{"navigation":3,"/docs/html/getting-started/audio-canvas-iframe-dan-elemen-head":218,"/docs/html/getting-started/audio-canvas-iframe-dan-elemen-head-surround":1691},[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":72,"body":220,"description":1685,"extension":1686,"meta":1687,"navigation":1688,"path":73,"seo":1689,"stem":74,"__hash__":1690},"docs/1.docs/3.HTML/1.getting-started/5.Audio-Canvas-Iframe-dan-Elemen-Head.md",{"type":221,"value":222,"toc":1667},"minimark",[223,228,241,246,364,367,412,416,423,427,642,663,669,673,676,680,745,747,783,792,796,803,807,810,1070,1073,1079,1102,1106,1112,1323,1327,1344,1375,1379,1652,1660,1663],[224,225,227],"h2",{"id":226},"audio-menyematkan-suara","Audio: Menyematkan Suara",[229,230,231,232,236,237,240],"p",{},"Tag ",[233,234,235],"code",{},"\u003Caudio>"," digunakan untuk memutar file audio langsung di halaman web, mirip dengan ",[233,238,239],{},"\u003Cvideo>",".",[242,243,245],"h3",{"id":244},"contoh-dasar","Contoh Dasar",[247,248,249],"code-preview",{},[250,251,256],"pre",{"className":252,"code":253,"language":254,"meta":255,"style":255},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Caudio controls>\n  \u003Csource src=\"lagu.mp3\" type=\"audio/mpeg\">\n  \u003Csource src=\"lagu.ogg\" type=\"audio/ogg\">\n  Browser kamu tidak mendukung tag audio.\n\u003C/audio>\n","html","",[233,257,258,278,316,347,354],{"__ignoreMap":255},[259,260,263,267,271,275],"span",{"class":261,"line":262},"line",1,[259,264,266],{"class":265},"sMK4o","\u003C",[259,268,270],{"class":269},"swJcz","audio",[259,272,274],{"class":273},"spNyl"," controls",[259,276,277],{"class":265},">\n",[259,279,281,284,287,290,293,296,300,302,305,307,309,312,314],{"class":261,"line":280},2,[259,282,283],{"class":265},"  \u003C",[259,285,286],{"class":269},"source",[259,288,289],{"class":273}," src",[259,291,292],{"class":265},"=",[259,294,295],{"class":265},"\"",[259,297,299],{"class":298},"sfazB","lagu.mp3",[259,301,295],{"class":265},[259,303,304],{"class":273}," type",[259,306,292],{"class":265},[259,308,295],{"class":265},[259,310,311],{"class":298},"audio/mpeg",[259,313,295],{"class":265},[259,315,277],{"class":265},[259,317,319,321,323,325,327,329,332,334,336,338,340,343,345],{"class":261,"line":318},3,[259,320,283],{"class":265},[259,322,286],{"class":269},[259,324,289],{"class":273},[259,326,292],{"class":265},[259,328,295],{"class":265},[259,330,331],{"class":298},"lagu.ogg",[259,333,295],{"class":265},[259,335,304],{"class":273},[259,337,292],{"class":265},[259,339,295],{"class":265},[259,341,342],{"class":298},"audio/ogg",[259,344,295],{"class":265},[259,346,277],{"class":265},[259,348,350],{"class":261,"line":349},4,[259,351,353],{"class":352},"sTEyZ","  Browser kamu tidak mendukung tag audio.\n",[259,355,357,360,362],{"class":261,"line":356},5,[259,358,359],{"class":265},"\u003C/",[259,361,270],{"class":269},[259,363,277],{"class":265},[229,365,366],{},"Atribut penting:",[368,369,370,377,383,389,395],"ul",{},[371,372,373,376],"li",{},[233,374,375],{},"controls",": menampilkan kontrol play, pause, volume.",[371,378,379,382],{},[233,380,381],{},"autoplay",": audio langsung diputar (sering diblokir browser).",[371,384,385,388],{},[233,386,387],{},"loop",": mengulang terus.",[371,390,391,394],{},[233,392,393],{},"muted",": dibisukan.",[371,396,397,400,401,404,405,404,408,411],{},[233,398,399],{},"preload",": petunjuk browser apakah akan memuat audio sejak awal (",[233,402,403],{},"auto",", ",[233,406,407],{},"metadata",[233,409,410],{},"none",").",[224,413,415],{"id":414},"canvas-menggambar-dengan-javascript","Canvas: Menggambar dengan JavaScript",[229,417,418,419,422],{},"Elemen ",[233,420,421],{},"\u003Ccanvas>"," menyediakan area gambar yang dapat dimanipulasi dengan JavaScript. Cocok untuk grafis, game, visualisasi data, atau manipulasi gambar.",[242,424,426],{"id":425},"contoh-sederhana","Contoh Sederhana",[247,428,429],{},[250,430,432],{"className":252,"code":431,"language":254,"meta":255,"style":255},"\u003Ccanvas id=\"canvasKu\" width=\"200\" height=\"200\" style=\"border:1px solid black;\">\u003C/canvas>\n\n\u003Cscript>\n  const canvas = document.getElementById('canvasKu');\n  const ctx = canvas.getContext('2d');\n  ctx.fillStyle = 'blue';\n  ctx.fillRect(10, 10, 100, 100);\n\u003C/script>\n",[233,433,434,495,501,510,545,575,598,633],{"__ignoreMap":255},[259,435,436,438,441,444,446,448,451,453,456,458,460,463,465,468,470,472,474,476,479,481,483,486,488,491,493],{"class":261,"line":262},[259,437,266],{"class":265},[259,439,440],{"class":269},"canvas",[259,442,443],{"class":273}," id",[259,445,292],{"class":265},[259,447,295],{"class":265},[259,449,450],{"class":298},"canvasKu",[259,452,295],{"class":265},[259,454,455],{"class":273}," width",[259,457,292],{"class":265},[259,459,295],{"class":265},[259,461,462],{"class":298},"200",[259,464,295],{"class":265},[259,466,467],{"class":273}," height",[259,469,292],{"class":265},[259,471,295],{"class":265},[259,473,462],{"class":298},[259,475,295],{"class":265},[259,477,478],{"class":273}," style",[259,480,292],{"class":265},[259,482,295],{"class":265},[259,484,485],{"class":298},"border:1px solid black;",[259,487,295],{"class":265},[259,489,490],{"class":265},">\u003C/",[259,492,440],{"class":269},[259,494,277],{"class":265},[259,496,497],{"class":261,"line":280},[259,498,500],{"emptyLinePlaceholder":499},true,"\n",[259,502,503,505,508],{"class":261,"line":318},[259,504,266],{"class":265},[259,506,507],{"class":269},"script",[259,509,277],{"class":265},[259,511,512,515,518,520,523,525,529,532,535,537,539,542],{"class":261,"line":349},[259,513,514],{"class":273},"  const",[259,516,517],{"class":352}," canvas ",[259,519,292],{"class":265},[259,521,522],{"class":352}," document",[259,524,240],{"class":265},[259,526,528],{"class":527},"s2Zo4","getElementById",[259,530,531],{"class":352},"(",[259,533,534],{"class":265},"'",[259,536,450],{"class":298},[259,538,534],{"class":265},[259,540,541],{"class":352},")",[259,543,544],{"class":265},";\n",[259,546,547,549,552,554,557,559,562,564,566,569,571,573],{"class":261,"line":356},[259,548,514],{"class":273},[259,550,551],{"class":352}," ctx ",[259,553,292],{"class":265},[259,555,556],{"class":352}," canvas",[259,558,240],{"class":265},[259,560,561],{"class":527},"getContext",[259,563,531],{"class":352},[259,565,534],{"class":265},[259,567,568],{"class":298},"2d",[259,570,534],{"class":265},[259,572,541],{"class":352},[259,574,544],{"class":265},[259,576,578,581,583,586,588,591,594,596],{"class":261,"line":577},6,[259,579,580],{"class":352},"  ctx",[259,582,240],{"class":265},[259,584,585],{"class":352},"fillStyle ",[259,587,292],{"class":265},[259,589,590],{"class":265}," '",[259,592,593],{"class":298},"blue",[259,595,534],{"class":265},[259,597,544],{"class":265},[259,599,601,603,605,608,610,614,617,620,622,625,627,629,631],{"class":261,"line":600},7,[259,602,580],{"class":352},[259,604,240],{"class":265},[259,606,607],{"class":527},"fillRect",[259,609,531],{"class":352},[259,611,613],{"class":612},"sbssI","10",[259,615,616],{"class":265},",",[259,618,619],{"class":612}," 10",[259,621,616],{"class":265},[259,623,624],{"class":612}," 100",[259,626,616],{"class":265},[259,628,624],{"class":612},[259,630,541],{"class":352},[259,632,544],{"class":265},[259,634,636,638,640],{"class":261,"line":635},8,[259,637,359],{"class":265},[259,639,507],{"class":269},[259,641,277],{"class":265},[368,643,644,654,660],{},[371,645,646,649,650,653],{},[233,647,648],{},"width"," dan ",[233,651,652],{},"height"," menentukan ukuran canvas (jangan pakai CSS untuk ukuran awal, bisa distorsi).",[371,655,656,659],{},[233,657,658],{},"getContext('2d')"," mengambil konteks gambar 2D.",[371,661,662],{},"Lalu kita bisa menggambar persegi, lingkaran, teks, dan banyak lagi.",[664,665,666],"tip",{},[229,667,668],{},"Canvas tidak bisa diakses kontennya oleh mesin pencari. Untuk teks penting, gunakan HTML biasa.",[224,670,672],{"id":671},"iframe-menyematkan-halaman-lain","Iframe: Menyematkan Halaman Lain",[229,674,675],{},"Iframe (inline frame) memungkinkan kita menampilkan halaman web lain di dalam halaman kita.",[242,677,679],{"id":678},"contoh","Contoh",[247,681,682],{},[250,683,685],{"className":252,"code":684,"language":254,"meta":255,"style":255},"\u003Ciframe src=\"https://example.com\" width=\"600\" height=\"400\" title=\"Contoh Iframe\">\u003C/iframe>\n",[233,686,687],{"__ignoreMap":255},[259,688,689,691,694,696,698,700,703,705,707,709,711,714,716,718,720,722,725,727,730,732,734,737,739,741,743],{"class":261,"line":262},[259,690,266],{"class":265},[259,692,693],{"class":269},"iframe",[259,695,289],{"class":273},[259,697,292],{"class":265},[259,699,295],{"class":265},[259,701,702],{"class":298},"https://example.com",[259,704,295],{"class":265},[259,706,455],{"class":273},[259,708,292],{"class":265},[259,710,295],{"class":265},[259,712,713],{"class":298},"600",[259,715,295],{"class":265},[259,717,467],{"class":273},[259,719,292],{"class":265},[259,721,295],{"class":265},[259,723,724],{"class":298},"400",[259,726,295],{"class":265},[259,728,729],{"class":273}," title",[259,731,292],{"class":265},[259,733,295],{"class":265},[259,735,736],{"class":298},"Contoh Iframe",[259,738,295],{"class":265},[259,740,490],{"class":265},[259,742,693],{"class":269},[259,744,277],{"class":265},[229,746,366],{},[368,748,749,755,761,767,777],{},[371,750,751,754],{},[233,752,753],{},"src",": URL halaman yang akan disematkan.",[371,756,757,760],{},[233,758,759],{},"sandbox",": membatasi kemampuan iframe (misal tidak boleh menjalankan script).",[371,762,763,766],{},[233,764,765],{},"allow",": fitur seperti fullscreen, camera, dll.",[371,768,769,772,773,776],{},[233,770,771],{},"loading",": ",[233,774,775],{},"lazy"," untuk menunda muat sampai iframe terlihat.",[371,778,779,782],{},[233,780,781],{},"title",": untuk aksesibilitas (wajib diisi).",[784,785,786],"warning",{},[229,787,788,789,791],{},"Iframe bisa menjadi risiko keamanan jika menyematkan situs yang tidak dipercaya. Gunakan ",[233,790,759],{}," untuk membatasi.",[224,793,795],{"id":794},"elemen-head-pengaturan-dokumen","Elemen Head: Pengaturan Dokumen",[229,797,798,799,802],{},"Bagian ",[233,800,801],{},"\u003Chead>"," tidak tampil di browser, tapi sangat penting untuk metadata, styling, dan perilaku halaman.",[242,804,806],{"id":805},"meta-tags","Meta Tags",[229,808,809],{},"Meta tag memberikan informasi tentang dokumen.",[247,811,812],{},[250,813,815],{"className":252,"code":814,"language":254,"meta":255,"style":255},"\u003Chead>\n  \u003C!-- Set karakter encoding (harus ada) -->\n  \u003Cmeta charset=\"UTF-8\">\n\n  \u003C!-- Viewport untuk responsif di mobile -->\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  \u003C!-- Deskripsi halaman (tampil di hasil pencarian) -->\n  \u003Cmeta name=\"description\" content=\"Belajar HTML dari dasar hingga mahir.\">\n\n  \u003C!-- Kata kunci (tidak terlalu berpengaruh sekarang) -->\n  \u003Cmeta name=\"keywords\" content=\"HTML, belajar, tutorial\">\n\n  \u003C!-- Penulis -->\n  \u003Cmeta name=\"author\" content=\"Nama Kamu\">\n\n  \u003C!-- Refresh/redirect setelah 5 detik -->\n  \u003Cmeta http-equiv=\"refresh\" content=\"5;url=https://example.com\">\n\u003C/head>\n",[233,816,817,826,832,853,857,862,894,898,903,934,939,945,976,981,987,1018,1023,1029,1061],{"__ignoreMap":255},[259,818,819,821,824],{"class":261,"line":262},[259,820,266],{"class":265},[259,822,823],{"class":269},"head",[259,825,277],{"class":265},[259,827,828],{"class":261,"line":280},[259,829,831],{"class":830},"sHwdD","  \u003C!-- Set karakter encoding (harus ada) -->\n",[259,833,834,836,839,842,844,846,849,851],{"class":261,"line":318},[259,835,283],{"class":265},[259,837,838],{"class":269},"meta",[259,840,841],{"class":273}," charset",[259,843,292],{"class":265},[259,845,295],{"class":265},[259,847,848],{"class":298},"UTF-8",[259,850,295],{"class":265},[259,852,277],{"class":265},[259,854,855],{"class":261,"line":349},[259,856,500],{"emptyLinePlaceholder":499},[259,858,859],{"class":261,"line":356},[259,860,861],{"class":830},"  \u003C!-- Viewport untuk responsif di mobile -->\n",[259,863,864,866,868,871,873,875,878,880,883,885,887,890,892],{"class":261,"line":577},[259,865,283],{"class":265},[259,867,838],{"class":269},[259,869,870],{"class":273}," name",[259,872,292],{"class":265},[259,874,295],{"class":265},[259,876,877],{"class":298},"viewport",[259,879,295],{"class":265},[259,881,882],{"class":273}," content",[259,884,292],{"class":265},[259,886,295],{"class":265},[259,888,889],{"class":298},"width=device-width, initial-scale=1.0",[259,891,295],{"class":265},[259,893,277],{"class":265},[259,895,896],{"class":261,"line":600},[259,897,500],{"emptyLinePlaceholder":499},[259,899,900],{"class":261,"line":635},[259,901,902],{"class":830},"  \u003C!-- Deskripsi halaman (tampil di hasil pencarian) -->\n",[259,904,906,908,910,912,914,916,919,921,923,925,927,930,932],{"class":261,"line":905},9,[259,907,283],{"class":265},[259,909,838],{"class":269},[259,911,870],{"class":273},[259,913,292],{"class":265},[259,915,295],{"class":265},[259,917,918],{"class":298},"description",[259,920,295],{"class":265},[259,922,882],{"class":273},[259,924,292],{"class":265},[259,926,295],{"class":265},[259,928,929],{"class":298},"Belajar HTML dari dasar hingga mahir.",[259,931,295],{"class":265},[259,933,277],{"class":265},[259,935,937],{"class":261,"line":936},10,[259,938,500],{"emptyLinePlaceholder":499},[259,940,942],{"class":261,"line":941},11,[259,943,944],{"class":830},"  \u003C!-- Kata kunci (tidak terlalu berpengaruh sekarang) -->\n",[259,946,948,950,952,954,956,958,961,963,965,967,969,972,974],{"class":261,"line":947},12,[259,949,283],{"class":265},[259,951,838],{"class":269},[259,953,870],{"class":273},[259,955,292],{"class":265},[259,957,295],{"class":265},[259,959,960],{"class":298},"keywords",[259,962,295],{"class":265},[259,964,882],{"class":273},[259,966,292],{"class":265},[259,968,295],{"class":265},[259,970,971],{"class":298},"HTML, belajar, tutorial",[259,973,295],{"class":265},[259,975,277],{"class":265},[259,977,979],{"class":261,"line":978},13,[259,980,500],{"emptyLinePlaceholder":499},[259,982,984],{"class":261,"line":983},14,[259,985,986],{"class":830},"  \u003C!-- Penulis -->\n",[259,988,990,992,994,996,998,1000,1003,1005,1007,1009,1011,1014,1016],{"class":261,"line":989},15,[259,991,283],{"class":265},[259,993,838],{"class":269},[259,995,870],{"class":273},[259,997,292],{"class":265},[259,999,295],{"class":265},[259,1001,1002],{"class":298},"author",[259,1004,295],{"class":265},[259,1006,882],{"class":273},[259,1008,292],{"class":265},[259,1010,295],{"class":265},[259,1012,1013],{"class":298},"Nama Kamu",[259,1015,295],{"class":265},[259,1017,277],{"class":265},[259,1019,1021],{"class":261,"line":1020},16,[259,1022,500],{"emptyLinePlaceholder":499},[259,1024,1026],{"class":261,"line":1025},17,[259,1027,1028],{"class":830},"  \u003C!-- Refresh/redirect setelah 5 detik -->\n",[259,1030,1032,1034,1036,1039,1041,1043,1046,1048,1050,1052,1054,1057,1059],{"class":261,"line":1031},18,[259,1033,283],{"class":265},[259,1035,838],{"class":269},[259,1037,1038],{"class":273}," http-equiv",[259,1040,292],{"class":265},[259,1042,295],{"class":265},[259,1044,1045],{"class":298},"refresh",[259,1047,295],{"class":265},[259,1049,882],{"class":273},[259,1051,292],{"class":265},[259,1053,295],{"class":265},[259,1055,1056],{"class":298},"5;url=https://example.com",[259,1058,295],{"class":265},[259,1060,277],{"class":265},[259,1062,1064,1066,1068],{"class":261,"line":1063},19,[259,1065,359],{"class":265},[259,1067,823],{"class":269},[259,1069,277],{"class":265},[242,1071,1072],{"id":781},"Title",[229,1074,1075,1078],{},[233,1076,1077],{},"\u003Ctitle>"," menentukan judul halaman yang muncul di tab browser dan hasil pencarian. Wajib ada.",[250,1080,1082],{"className":252,"code":1081,"language":254,"meta":255,"style":255},"\u003Ctitle>Halaman Belajar HTML\u003C/title>\n",[233,1083,1084],{"__ignoreMap":255},[259,1085,1086,1088,1090,1093,1096,1098,1100],{"class":261,"line":262},[259,1087,266],{"class":265},[259,1089,781],{"class":269},[259,1091,1092],{"class":265},">",[259,1094,1095],{"class":352},"Halaman Belajar HTML",[259,1097,359],{"class":265},[259,1099,781],{"class":269},[259,1101,277],{"class":265},[242,1103,1105],{"id":1104},"link-menyambungkan-css-favicon-dll","Link: Menyambungkan CSS, Favicon, dll.",[229,1107,231,1108,1111],{},[233,1109,1110],{},"\u003Clink>"," menghubungkan dokumen dengan sumber daya eksternal.",[247,1113,1114],{},[250,1115,1117],{"className":252,"code":1116,"language":254,"meta":255,"style":255},"\u003C!-- Menyambungkan file CSS -->\n\u003Clink rel=\"stylesheet\" href=\"style.css\">\n\n\u003C!-- Ikon favicon (berbagai ukuran) -->\n\u003Clink rel=\"icon\" type=\"image/x-icon\" href=\"favicon.ico\">\n\u003Clink rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"favicon-32x32.png\">\n\n\u003C!-- Preload font atau gambar penting -->\n\u003Clink rel=\"preload\" href=\"font.woff2\" as=\"font\" type=\"font/woff2\" crossorigin>\n",[233,1118,1119,1124,1157,1161,1166,1207,1259,1263,1268],{"__ignoreMap":255},[259,1120,1121],{"class":261,"line":262},[259,1122,1123],{"class":830},"\u003C!-- Menyambungkan file CSS -->\n",[259,1125,1126,1128,1131,1134,1136,1138,1141,1143,1146,1148,1150,1153,1155],{"class":261,"line":280},[259,1127,266],{"class":265},[259,1129,1130],{"class":269},"link",[259,1132,1133],{"class":273}," rel",[259,1135,292],{"class":265},[259,1137,295],{"class":265},[259,1139,1140],{"class":298},"stylesheet",[259,1142,295],{"class":265},[259,1144,1145],{"class":273}," href",[259,1147,292],{"class":265},[259,1149,295],{"class":265},[259,1151,1152],{"class":298},"style.css",[259,1154,295],{"class":265},[259,1156,277],{"class":265},[259,1158,1159],{"class":261,"line":318},[259,1160,500],{"emptyLinePlaceholder":499},[259,1162,1163],{"class":261,"line":349},[259,1164,1165],{"class":830},"\u003C!-- Ikon favicon (berbagai ukuran) -->\n",[259,1167,1168,1170,1172,1174,1176,1178,1181,1183,1185,1187,1189,1192,1194,1196,1198,1200,1203,1205],{"class":261,"line":356},[259,1169,266],{"class":265},[259,1171,1130],{"class":269},[259,1173,1133],{"class":273},[259,1175,292],{"class":265},[259,1177,295],{"class":265},[259,1179,1180],{"class":298},"icon",[259,1182,295],{"class":265},[259,1184,304],{"class":273},[259,1186,292],{"class":265},[259,1188,295],{"class":265},[259,1190,1191],{"class":298},"image/x-icon",[259,1193,295],{"class":265},[259,1195,1145],{"class":273},[259,1197,292],{"class":265},[259,1199,295],{"class":265},[259,1201,1202],{"class":298},"favicon.ico",[259,1204,295],{"class":265},[259,1206,277],{"class":265},[259,1208,1209,1211,1213,1215,1217,1219,1221,1223,1225,1227,1229,1232,1234,1237,1239,1241,1244,1246,1248,1250,1252,1255,1257],{"class":261,"line":577},[259,1210,266],{"class":265},[259,1212,1130],{"class":269},[259,1214,1133],{"class":273},[259,1216,292],{"class":265},[259,1218,295],{"class":265},[259,1220,1180],{"class":298},[259,1222,295],{"class":265},[259,1224,304],{"class":273},[259,1226,292],{"class":265},[259,1228,295],{"class":265},[259,1230,1231],{"class":298},"image/png",[259,1233,295],{"class":265},[259,1235,1236],{"class":273}," sizes",[259,1238,292],{"class":265},[259,1240,295],{"class":265},[259,1242,1243],{"class":298},"32x32",[259,1245,295],{"class":265},[259,1247,1145],{"class":273},[259,1249,292],{"class":265},[259,1251,295],{"class":265},[259,1253,1254],{"class":298},"favicon-32x32.png",[259,1256,295],{"class":265},[259,1258,277],{"class":265},[259,1260,1261],{"class":261,"line":600},[259,1262,500],{"emptyLinePlaceholder":499},[259,1264,1265],{"class":261,"line":635},[259,1266,1267],{"class":830},"\u003C!-- Preload font atau gambar penting -->\n",[259,1269,1270,1272,1274,1276,1278,1280,1282,1284,1286,1288,1290,1293,1295,1298,1300,1302,1305,1307,1309,1311,1313,1316,1318,1321],{"class":261,"line":905},[259,1271,266],{"class":265},[259,1273,1130],{"class":269},[259,1275,1133],{"class":273},[259,1277,292],{"class":265},[259,1279,295],{"class":265},[259,1281,399],{"class":298},[259,1283,295],{"class":265},[259,1285,1145],{"class":273},[259,1287,292],{"class":265},[259,1289,295],{"class":265},[259,1291,1292],{"class":298},"font.woff2",[259,1294,295],{"class":265},[259,1296,1297],{"class":273}," as",[259,1299,292],{"class":265},[259,1301,295],{"class":265},[259,1303,1304],{"class":298},"font",[259,1306,295],{"class":265},[259,1308,304],{"class":273},[259,1310,292],{"class":265},[259,1312,295],{"class":265},[259,1314,1315],{"class":298},"font/woff2",[259,1317,295],{"class":265},[259,1319,1320],{"class":273}," crossorigin",[259,1322,277],{"class":265},[242,1324,1326],{"id":1325},"script-javascript","Script: JavaScript",[229,1328,231,1329,1332,1333,1335,1336,1339,1340,1343],{},[233,1330,1331],{},"\u003Cscript>"," bisa diletakkan di ",[233,1334,801],{}," atau sebelum ",[233,1337,1338],{},"\u003C/body>",". Jika di head, tambahkan atribut ",[233,1341,1342],{},"defer"," agar tidak memblokir rendering.",[250,1345,1347],{"className":252,"code":1346,"language":254,"meta":255,"style":255},"\u003Cscript src=\"script.js\" defer>\u003C/script>\n",[233,1348,1349],{"__ignoreMap":255},[259,1350,1351,1353,1355,1357,1359,1361,1364,1366,1369,1371,1373],{"class":261,"line":262},[259,1352,266],{"class":265},[259,1354,507],{"class":269},[259,1356,289],{"class":273},[259,1358,292],{"class":265},[259,1360,295],{"class":265},[259,1362,1363],{"class":298},"script.js",[259,1365,295],{"class":265},[259,1367,1368],{"class":273}," defer",[259,1370,490],{"class":265},[259,1372,507],{"class":269},[259,1374,277],{"class":265},[224,1376,1378],{"id":1377},"contoh-lengkap-head-yang-baik","Contoh Lengkap Head yang Baik",[247,1380,1381],{},[250,1382,1384],{"className":252,"code":1383,"language":254,"meta":255,"style":255},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"id\">\n\u003Chead>\n  \u003Cmeta charset=\"UTF-8\">\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  \u003Ctitle>Belajar HTML - Panduan Lengkap\u003C/title>\n  \u003Cmeta name=\"description\" content=\"Pelajari HTML dari nol hingga mahir dengan contoh interaktif dan penjelasan detail.\">\n  \u003Cmeta name=\"author\" content=\"John Doe\">\n  \u003Clink rel=\"stylesheet\" href=\"style.css\">\n  \u003Clink rel=\"icon\" href=\"favicon.ico\" type=\"image/x-icon\">\n\u003C/head>\n\u003Cbody>\n  \u003C!-- konten -->\n\u003C/body>\n\u003C/html>\n",[233,1385,1386,1399,1419,1427,1445,1473,1490,1519,1548,1576,1614,1622,1631,1636,1644],{"__ignoreMap":255},[259,1387,1388,1391,1394,1397],{"class":261,"line":262},[259,1389,1390],{"class":265},"\u003C!",[259,1392,1393],{"class":269},"DOCTYPE",[259,1395,1396],{"class":273}," html",[259,1398,277],{"class":265},[259,1400,1401,1403,1405,1408,1410,1412,1415,1417],{"class":261,"line":280},[259,1402,266],{"class":265},[259,1404,254],{"class":269},[259,1406,1407],{"class":273}," lang",[259,1409,292],{"class":265},[259,1411,295],{"class":265},[259,1413,1414],{"class":298},"id",[259,1416,295],{"class":265},[259,1418,277],{"class":265},[259,1420,1421,1423,1425],{"class":261,"line":318},[259,1422,266],{"class":265},[259,1424,823],{"class":269},[259,1426,277],{"class":265},[259,1428,1429,1431,1433,1435,1437,1439,1441,1443],{"class":261,"line":349},[259,1430,283],{"class":265},[259,1432,838],{"class":269},[259,1434,841],{"class":273},[259,1436,292],{"class":265},[259,1438,295],{"class":265},[259,1440,848],{"class":298},[259,1442,295],{"class":265},[259,1444,277],{"class":265},[259,1446,1447,1449,1451,1453,1455,1457,1459,1461,1463,1465,1467,1469,1471],{"class":261,"line":356},[259,1448,283],{"class":265},[259,1450,838],{"class":269},[259,1452,870],{"class":273},[259,1454,292],{"class":265},[259,1456,295],{"class":265},[259,1458,877],{"class":298},[259,1460,295],{"class":265},[259,1462,882],{"class":273},[259,1464,292],{"class":265},[259,1466,295],{"class":265},[259,1468,889],{"class":298},[259,1470,295],{"class":265},[259,1472,277],{"class":265},[259,1474,1475,1477,1479,1481,1484,1486,1488],{"class":261,"line":577},[259,1476,283],{"class":265},[259,1478,781],{"class":269},[259,1480,1092],{"class":265},[259,1482,1483],{"class":352},"Belajar HTML - Panduan Lengkap",[259,1485,359],{"class":265},[259,1487,781],{"class":269},[259,1489,277],{"class":265},[259,1491,1492,1494,1496,1498,1500,1502,1504,1506,1508,1510,1512,1515,1517],{"class":261,"line":600},[259,1493,283],{"class":265},[259,1495,838],{"class":269},[259,1497,870],{"class":273},[259,1499,292],{"class":265},[259,1501,295],{"class":265},[259,1503,918],{"class":298},[259,1505,295],{"class":265},[259,1507,882],{"class":273},[259,1509,292],{"class":265},[259,1511,295],{"class":265},[259,1513,1514],{"class":298},"Pelajari HTML dari nol hingga mahir dengan contoh interaktif dan penjelasan detail.",[259,1516,295],{"class":265},[259,1518,277],{"class":265},[259,1520,1521,1523,1525,1527,1529,1531,1533,1535,1537,1539,1541,1544,1546],{"class":261,"line":635},[259,1522,283],{"class":265},[259,1524,838],{"class":269},[259,1526,870],{"class":273},[259,1528,292],{"class":265},[259,1530,295],{"class":265},[259,1532,1002],{"class":298},[259,1534,295],{"class":265},[259,1536,882],{"class":273},[259,1538,292],{"class":265},[259,1540,295],{"class":265},[259,1542,1543],{"class":298},"John Doe",[259,1545,295],{"class":265},[259,1547,277],{"class":265},[259,1549,1550,1552,1554,1556,1558,1560,1562,1564,1566,1568,1570,1572,1574],{"class":261,"line":905},[259,1551,283],{"class":265},[259,1553,1130],{"class":269},[259,1555,1133],{"class":273},[259,1557,292],{"class":265},[259,1559,295],{"class":265},[259,1561,1140],{"class":298},[259,1563,295],{"class":265},[259,1565,1145],{"class":273},[259,1567,292],{"class":265},[259,1569,295],{"class":265},[259,1571,1152],{"class":298},[259,1573,295],{"class":265},[259,1575,277],{"class":265},[259,1577,1578,1580,1582,1584,1586,1588,1590,1592,1594,1596,1598,1600,1602,1604,1606,1608,1610,1612],{"class":261,"line":936},[259,1579,283],{"class":265},[259,1581,1130],{"class":269},[259,1583,1133],{"class":273},[259,1585,292],{"class":265},[259,1587,295],{"class":265},[259,1589,1180],{"class":298},[259,1591,295],{"class":265},[259,1593,1145],{"class":273},[259,1595,292],{"class":265},[259,1597,295],{"class":265},[259,1599,1202],{"class":298},[259,1601,295],{"class":265},[259,1603,304],{"class":273},[259,1605,292],{"class":265},[259,1607,295],{"class":265},[259,1609,1191],{"class":298},[259,1611,295],{"class":265},[259,1613,277],{"class":265},[259,1615,1616,1618,1620],{"class":261,"line":941},[259,1617,359],{"class":265},[259,1619,823],{"class":269},[259,1621,277],{"class":265},[259,1623,1624,1626,1629],{"class":261,"line":947},[259,1625,266],{"class":265},[259,1627,1628],{"class":269},"body",[259,1630,277],{"class":265},[259,1632,1633],{"class":261,"line":978},[259,1634,1635],{"class":830},"  \u003C!-- konten -->\n",[259,1637,1638,1640,1642],{"class":261,"line":983},[259,1639,359],{"class":265},[259,1641,1628],{"class":269},[259,1643,277],{"class":265},[259,1645,1646,1648,1650],{"class":261,"line":989},[259,1647,359],{"class":265},[259,1649,254],{"class":269},[259,1651,277],{"class":265},[1653,1654,1657],"read-more",{"title":1655,"to":1656},"Dokumentasi Meta Tags","https://developer.mozilla.org/id/docs/Web/HTML/Element/meta",[229,1658,1659],{},"Penjelasan lengkap meta tag dan pengaruhnya terhadap SEO serta perilaku browser.",[1661,1662],"hr",{},[1664,1665,1666],"style",{},"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);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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}",{"title":255,"searchDepth":280,"depth":280,"links":1668},[1669,1672,1675,1678,1684],{"id":226,"depth":280,"text":227,"children":1670},[1671],{"id":244,"depth":318,"text":245},{"id":414,"depth":280,"text":415,"children":1673},[1674],{"id":425,"depth":318,"text":426},{"id":671,"depth":280,"text":672,"children":1676},[1677],{"id":678,"depth":318,"text":679},{"id":794,"depth":280,"text":795,"children":1679},[1680,1681,1682,1683],{"id":805,"depth":318,"text":806},{"id":781,"depth":318,"text":1072},{"id":1104,"depth":318,"text":1105},{"id":1325,"depth":318,"text":1326},{"id":1377,"depth":280,"text":1378},"Memperkaya halaman dengan suara, gambar dinamis, sematan eksternal, dan pengaturan dokumen.","md",{},{"icon":75},{"title":72,"description":1685},"x30DR67mKaq6LZbTb9R1UpASg28o8uIsQ1mDBbijBbM",[1692,1694],{"title":67,"path":68,"stem":69,"description":1693,"icon":70,"children":-1},"Membuat formulir interaktif, jenis-jenis input, dan validasi sederhana.",{"title":77,"path":78,"stem":79,"description":1695,"icon":80,"children":-1},"Menulis HTML yang bersih, menemukan dan memperbaiki kesalahan, serta jalan setelah menguasai dasar.",1777200155227]