[{"data":1,"prerenderedAt":442},["ShallowReactive",2],{"navigation":3,"/docs/html/getting-started":218,"/docs/html/getting-started-surround":437},[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":50,"body":220,"description":431,"extension":432,"meta":433,"navigation":434,"path":51,"seo":435,"stem":52,"__hash__":436},"docs/1.docs/3.HTML/1.getting-started/index.md",{"type":221,"value":222,"toc":420},"minimark",[223,228,237,242,254,269,273,276,279,295,298,315,318,322,344,372,376,383,403,411,414],[224,225,227],"h2",{"id":226},"memahami-html-dan-fungsinya","Memahami HTML dan Fungsinya",[229,230,231,232,236],"p",{},"Sebelum mulai menulis kode, penting untuk mengerti dulu apa itu ",[233,234,235],"code",{},"HTML"," dan mengapa ia menjadi fondasi dari setiap halaman web yang pernah kamu kunjungi.",[238,239,241],"h3",{"id":240},"apa-itu-html","Apa Itu HTML?",[229,243,244,245,249,250,253],{},"HTML adalah singkatan dari ",[246,247,248],"strong",{},"HyperText Markup Language",". Bukan bahasa pemrograman—ia adalah ",[246,251,252],{},"bahasa markup",". Artinya, kita tidak menulis logika atau algoritma di dalamnya, melainkan hanya memberi “tanda” pada konten agar browser tahu bagaimana menampilkannya.",[229,255,256,257,260,261,264,265,268],{},"Tanda-tanda itu disebut ",[246,258,259],{},"tag",", yang ditulis dalam kurung sudut, misalnya ",[233,262,263],{},"\u003Cp>"," untuk memulai paragraf dan ",[233,266,267],{},"\u003C/p>"," untuk mengakhirinya. Browser kemudian membaca tag-tag tersebut dan merender konten sesuai fungsinya: teks biasa, judul, gambar, tautan, dan sebagainya.",[238,270,272],{"id":271},"untuk-apa-html-digunakan","Untuk Apa HTML Digunakan?",[229,274,275],{},"Coba bayangkan sebuah halaman web tanpa HTML. Yang muncul di layar mungkin hanya tumpukan teks dan gambar tanpa struktur—tidak ada judul, tidak ada paragraf yang rapi, tidak ada tautan yang bisa diklik. HTML-lah yang mengubah kekacauan itu menjadi halaman yang terorganisasi.",[229,277,278],{},"Dalam ekosistem web modern, HTML biasanya bekerja bersama dua teknologi lain:",[280,281,282,289],"ul",{},[283,284,285,288],"li",{},[246,286,287],{},"CSS"," (Cascading Style Sheets) – mengatur tampilan: warna, ukuran, tata letak.",[283,290,291,294],{},[246,292,293],{},"JavaScript"," – menambahkan interaktivitas: animasi, validasi formulir, konten dinamis.",[229,296,297],{},"Jika diibaratkan membangun rumah:",[280,299,300,305,310],{},[283,301,302,304],{},[246,303,235],{}," adalah kerangka bangunan (pondasi, dinding, atap).",[283,306,307,309],{},[246,308,287],{}," adalah cat, wallpaper, dan dekorasi interior.",[283,311,312,314],{},[246,313,293],{}," adalah instalasi listrik, pipa air, dan sistem keamanan.",[229,316,317],{},"Tanpa HTML, tidak ada “rumah” yang bisa ditempati.",[238,319,321],{"id":320},"sekilas-sejarah-html","Sekilas Sejarah HTML",[229,323,324,325,328,329,328,332,328,335,328,338,328,340,343],{},"HTML pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 di CERN (Organisasi Riset Nuklir Eropa). Saat itu ia ingin memudahkan para peneliti berbagi dokumen melalui internet. Versi pertamanya hanya memiliki 18 tag, dan beberapa di antaranya—seperti ",[233,326,327],{},"\u003Chtml>",", ",[233,330,331],{},"\u003Chead>",[233,333,334],{},"\u003Ctitle>",[233,336,337],{},"\u003Ch1>",[233,339,263],{},[233,341,342],{},"\u003Ca>","—masih kita gunakan sampai sekarang.",[229,345,346,347,350,351,328,354,328,357,360,361,328,364,367,368,371],{},"Sejak saat itu HTML terus berkembang. Versi yang kita gunakan saat ini adalah ",[246,348,349],{},"HTML5",", yang dirilis sebagai standar pada tahun 2014. HTML5 membawa banyak fitur baru: elemen semantik seperti ",[233,352,353],{},"\u003Cheader>",[233,355,356],{},"\u003Cfooter>",[233,358,359],{},"\u003Carticle>","; dukungan multimedia native (",[233,362,363],{},"\u003Cvideo>",[233,365,366],{},"\u003Caudio>","); serta kemampuan grafis dengan ",[233,369,370],{},"\u003Ccanvas>",".",[238,373,375],{"id":374},"peran-html-di-era-framework-modern","Peran HTML di Era Framework Modern",[229,377,378,379,382],{},"Mungkin kamu pernah mendengar tentang React, Vue, atau Angular. Framework-framework ini memudahkan pengembangan web dengan pendekatan komponen. Namun perlu diingat: apa pun yang mereka hasilkan, pada akhirnya akan dikirim ke browser sebagai ",[246,380,381],{},"HTML, CSS, dan JavaScript",". Jadi pemahaman HTML yang kuat tetap menjadi modal utama, bahkan ketika menggunakan teknologi canggih sekalipun.",[384,385,386],"tip",{},[229,387,388,389,396,397,402],{},"Kamu bisa langsung mencoba HTML tanpa menginstal apa pun melalui situs seperti ",[390,391,395],"a",{"href":392,"rel":393},"https://codepen.io/pen/",[394],"nofollow","CodePen"," atau ",[390,398,401],{"href":399,"rel":400},"https://jsfiddle.net/",[394],"JSFiddle",". Cukup tulis kode HTML di panel yang tersedia dan lihat hasilnya secara real-time.",[404,405,408],"read-more",{"title":406,"to":407},"Sejarah lebih lengkap tentang HTML","https://id.wikipedia.org/wiki/HTML",[229,409,410],{},"Wikipedia menyediakan artikel cukup rinci mengenai sejarah dan perkembangan HTML dari masa ke masa.",[412,413],"hr",{},[229,415,416,419],{},[246,417,418],{},"Selanjutnya:"," Kita akan mulai menulis kode HTML pertama dan mempelajari struktur dasar dokumen. Pastikan kamu sudah punya teks editor (seperti VS Code, Sublime, atau bahkan Notepad) dan browser untuk melihat hasilnya. Siap? Lanjut ke percakapan 2.",{"title":421,"searchDepth":422,"depth":422,"links":423},"",2,[424],{"id":226,"depth":422,"text":227,"children":425},[426,428,429,430],{"id":240,"depth":427,"text":241},3,{"id":271,"depth":427,"text":272},{"id":320,"depth":427,"text":321},{"id":374,"depth":427,"text":375},"Memahami dasar HTML sebagai fondasi utama dalam pengembangan website.","md",{},{"icon":55},{"title":50,"description":431},"_7x3_OpG10aUi9lQCQh4fLYcHN9-Q5vR1w8Wh1AHPQ0",[438,440],{"title":39,"path":40,"stem":41,"description":439,"children":-1},"Welcome to the Laravel integration documentation for NLFTs. This guide will help you connect your Laravel application with our developer program.",{"title":57,"path":58,"stem":59,"description":441,"icon":60,"children":-1},"Struktur dasar, tag, elemen, dan atribut—fondasi yang harus dikuasai sebelum melangkah lebih jauh.",1777200151253]