Mau Jago Coding? Kuasai HTML dalam Sehari!
Dunia digital makin berkembang pesat. Keterampilan coding bukan lagi cuma buat anak IT. Sekarang, semua orang, dari pemilik bisnis kecil sampai ibu rumah tangga, bisa memanfaatkan coding untuk mengembangkan diri. Salah satu bahasa pemrograman yang paling dasar dan penting untuk dikuasai adalah HTML.
Baca juga:
HTML, atau HyperText Markup Language, adalah fondasi dari setiap website yang kamu lihat. Bayangkan rumah tanpa fondasi, pasti roboh kan? Nah, website juga gitu. Tanpa HTML, tampilan website cuma kumpulan teks biasa, nggak menarik sama sekali. Jadi, kalau kamu pengen punya website keren, blog pribadi yang estetik, atau sekadar pengen ngerti gimana cara kerja internet, HTML adalah titik awal yang tepat.
Mungkin kamu mikir, “Coding itu susah! Harus jenius matematika dulu kayaknya.” Eits, jangan salah! HTML itu relatif mudah dipelajari, bahkan dalam sehari! Nggak percaya? Simak terus artikel ini, ya.
Kenapa Sih Harus Belajar HTML? Ini Dia Alasannya!
Sebelum kita masuk ke tips dan triknya, coba kita pahami dulu kenapa HTML itu penting banget:
Fondasi Website: Seperti yang sudah dijelaskan, HTML itu fondasi dari website. Tanpa HTML, website nggak akan bisa tampil dengan benar di browser.
Mudah Dipelajari: HTML menggunakan tag-tag yang mudah dimengerti, seperti `
` untuk paragraf, `
` untuk judul, dan `![]()
` untuk gambar. Kamu nggak perlu jago matematika atau punya latar belakang IT untuk memahaminya.
Peluang Karir: Dengan menguasai HTML, kamu bisa membuka pintu karir di bidang web development, UI/UX design, content writing, digital marketing, dan masih banyak lagi.
Kendalikan Konten Sendiri: Kamu bisa membuat website pribadi, blog, atau portofolio online sendiri tanpa bergantung pada platform pihak ketiga. Ini memberikanmu kendali penuh atas konten dan tampilan website-mu.
Memahami Cara Kerja Internet: Belajar HTML akan membantumu memahami bagaimana website dibuat dan bagaimana internet bekerja secara keseluruhan.
Bagaimana Cara Kuasai HTML dalam Sehari? Ini Tipsnya!
Oke, sekarang kita masuk ke bagian yang paling penting: gimana caranya menguasai HTML dalam sehari? Ini dia langkah-langkah yang bisa kamu ikuti:
1. Pelajari Tag-Tag Dasar: Fokus pada tag-tag yang paling sering digunakan, seperti ``, `
`, `
`, `<body>`, `</p>
<h1>` sampai `</p>
<h6>`, `</p>
<p>`, `<a>`, `<img>`, `</p>
<ul>`, `</p>
<ol>`, `</p>
<li>`, `
<div>`, `<span>`, dan `</p>
<table>`. Pelajari fungsi masing-masing tag dan bagaimana cara menggunakannya dengan benar.<br />
2. <strong>Gunakan Editor Teks Sederhana:</strong> Kamu nggak perlu software khusus untuk coding HTML. Cukup gunakan editor teks sederhana seperti Notepad (di Windows) atau TextEdit (di Mac). Ada juga VS Code yang lebih canggih dan gratis.<br />
3. <strong>Tulis Kode HTML Pertamamu:</strong> Buka editor teks, ketik kode HTML sederhana, dan simpan dengan ekstensi `.html`. Contohnya: `index.html`.<br />
4. <strong>Buka File HTML di Browser:</strong> Buka file HTML yang sudah kamu simpan di browser (Chrome, Firefox, Safari, dll.). Lihat hasilnya dan perhatikan bagaimana tag-tag HTML memengaruhi tampilan website-mu.<br />
5. <strong>Cari Tutorial Online:</strong> Ada banyak tutorial HTML gratis yang tersedia di internet. Manfaatkan sumber daya ini untuk belajar lebih dalam tentang HTML. Beberapa platform populer adalah W3Schools, Codecademy, dan freeCodeCamp.<br />
6. <strong>Praktik, Praktik, Praktik!:</strong> Kunci utama untuk menguasai HTML adalah dengan praktik. Coba buat website sederhana, edit kode HTML, dan lihat hasilnya. Semakin banyak kamu praktik, semakin cepat kamu akan paham.<br />
7. <strong>Cari Contoh Kode HTML:</strong> Lihat kode HTML dari website yang kamu sukai. Pelajari bagaimana mereka menggunakan tag-tag HTML untuk membuat tampilan yang menarik.</p>
<p><strong>Sering Dengar Soal CSS dan JavaScript, Perlu Dipelajari Juga Nggak?</strong></p>
<p>Setelah menguasai HTML, kamu mungkin akan mendengar tentang CSS (Cascading Style Sheets) dan JavaScript. CSS digunakan untuk mengatur tampilan website (warna, font, layout, dll.), sedangkan JavaScript digunakan untuk membuat website lebih interaktif (animasi, efek, validasi formulir, dll.).</p>
<p>Apakah kamu perlu mempelajari CSS dan JavaScript? Jawabannya tergantung pada tujuanmu. Kalau kamu hanya ingin membuat website sederhana dengan tampilan standar, HTML saja sudah cukup. Tapi, kalau kamu ingin membuat website yang lebih profesional dan interaktif, CSS dan JavaScript adalah bahasa pemrograman yang wajib kamu kuasai.</p>
<p><strong>Apakah Ada Tools atau Software yang Memudahkan Belajar HTML?</strong></p>
<p>Tentu saja ada! Selain editor teks sederhana, ada juga tools dan software yang bisa membantu kamu belajar HTML dengan lebih mudah:</p>
<p><strong>Code Editors:</strong> VS Code, Sublime Text, Atom adalah code editors yang populer di kalangan web developer. Mereka dilengkapi dengan fitur-fitur seperti auto-completion, syntax highlighting, dan linting yang bisa mempercepat proses coding.<br />
<strong>Online IDEs:</strong> CodePen, JSFiddle, dan Repl.it adalah online IDEs yang memungkinkan kamu menulis dan menjalankan kode HTML, CSS, dan JavaScript langsung di browser.<br />
<strong>Website Builders:</strong> Wix, Squarespace, dan WordPress adalah website builders yang memungkinkan kamu membuat website tanpa harus menulis kode HTML dari awal.</p>
<p><strong>Berapa Lama Waktu yang Dibutuhkan untuk Jadi Jago HTML?</strong></p>
<p>Sebenarnya, “jago” itu relatif. Untuk memahami dasar-dasar HTML dan bisa membuat website sederhana, kamu bisa mencapainya dalam sehari. Tapi, untuk benar-benar menguasai HTML dan bisa membuat website yang kompleks dan responsif, kamu perlu waktu lebih lama.</p>
<p><strong>Baca juga:</strong></p>
<p>Yang terpenting adalah konsisten dalam belajar dan praktik. Luangkan waktu setiap hari untuk belajar HTML, meskipun hanya 30 menit. Dengan konsistensi, kamu pasti akan bisa menguasai HTML dan menjadi web developer yang handal.</p>
<p>Jadi, tunggu apa lagi? Mulai belajar HTML sekarang dan buka pintu menuju dunia web development yang menarik! Selamat mencoba!</p>
<p><em>Penulis: </em></p>
<div class="iawp-view-counter" style="display: flex;"><span class="view-counter-text" style="display: flex; align-items: center;"><svg height="20" viewBox="0 0 192 192" width="20" fill="currentColor" style="margin-right:6px;margin-top:-2px"><path d="m16 176v-136h-16v144a8 8 0 0 0 8 8h184v-16z" /><path d="m72 112a8 8 0 0 0 -8-8h-24a8 8 0 0 0 -8 8v56h40z" /><path d="m128 80a8 8 0 0 0 -8-8h-24a8 8 0 0 0 -8 8v88h40z" /><path d="m184 48a8 8 0 0 0 -8-8h-24a8 8 0 0 0 -8 8v120h40z" /></svg> Views:</span> <span class="view-counter-value" style="margin-left: 3px;">0</span></div><div class="extra-hatom"><span class="entry-title">Mau Jago Coding? Kuasai HTML dalam Sehari!</span></div></div><!-- .entry-content -->
</article><!-- #post-35975 -->
<nav class="navigation post-navigation" aria-label="Posts">
<h2 class="screen-reader-text">Post navigation</h2>
<div class="nav-links"><div class="nav-previous"><a href="https://csirt.teknokrat.ac.id/komputer-untuk-desain-ini-spesifikasi-yang-harus-dicari/" rel="prev">Komputer untuk Desain? Ini Spesifikasi yang Harus Dicari!</a></div><div class="nav-next"><a href="https://csirt.teknokrat.ac.id/pahami-algoritma-skill-codingmu-langsung-naik/" rel="next">Pahami Algoritma, Skill Codingmu Langsung Naik!</a></div></div>
</nav>
<div id="comments" class="comments-area">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/mau-jago-coding-kuasai-html-dalam-sehari/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://csirt.teknokrat.ac.id/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p>
<p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='35975' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p></form> </div><!-- #respond -->
</div><!-- #comments -->
</main><!-- /.zak-primary -->
<aside id="zak-secondary" class="zak-secondary ">
<section id="search-1" class="widget widget-sidebar-right widget_search">
<div class="zak-search-container">
<form role="search" method="get" class="zak-search-form" action="https://csirt.teknokrat.ac.id/">
<label class="zak-search-field-label">
<div class="zak-icon--search">
<svg class="zak-icon zakra-icon--magnifying-glass" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 22c-.3 0-.5-.1-.7-.3L16.6 18c-1.5 1.2-3.5 2-5.6 2-5 0-9-4-9-9s4-9 9-9 9 4 9 9c0 2.1-.7 4.1-2 5.6l3.7 3.7c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3zM11 4c-3.9 0-7 3.1-7 7s3.1 7 7 7c1.9 0 3.6-.8 4.9-2 0 0 0-.1.1-.1s0 0 .1-.1c1.2-1.3 2-3 2-4.9C18 7.1 14.9 4 11 4z" /></svg>
</div>
<span class="screen-reader-text">Search for:</span>
<input type="search"
class="zak-search-field"
placeholder="Type & hit Enter …"
value=""
name="s"
title="Search for:"
>
</label>
<input type="submit" class="zak-search-submit"
value="Search" />
</form>
<button class="zak-icon--close" role="button">
</button>
</div>
</section>
<section id="recent-posts-1" class="widget widget-sidebar-right widget_recent_entries">
<h2 class="widget-title">Recent Posts</h2>
<ul>
<li>
<a href="https://csirt.teknokrat.ac.id/kecerdasan-buatan-dan-etika-perspektif-umum/">Kecerdasan Buatan dan Etika: Perspektif Umum</a>
</li>
<li>
<a href="https://csirt.teknokrat.ac.id/penggunaan-ai-dalam-pendidikan-manfaat-dan-tantangan/">Penggunaan AI dalam Pendidikan: Manfaat dan Tantangan</a>
</li>
<li>
<a href="https://csirt.teknokrat.ac.id/manfaat-dan-bahaya-ai-peluang-risiko-dan-dampaknya-bagi-masa-depan/">Manfaat dan Bahaya AI: Peluang, Risiko, dan Dampaknya bagi Masa Depan</a>
</li>
<li>
<a href="https://csirt.teknokrat.ac.id/apa-itu-bandwidth-faktor-yang-menentukan-kecepatan-internet-anda/">Apa Itu Bandwidth: Faktor yang Menentukan Kecepatan Internet Anda</a>
</li>
<li>
<a href="https://csirt.teknokrat.ac.id/apa-itu-streaming-cara-menikmati-musik-dan-film-secara-real-time/">Apa Itu Streaming: Cara Menikmati Musik dan Film Secara Real-Time</a>
</li>
</ul>
</section><section id="categories-1" class="widget widget-sidebar-right widget_categories"><h2 class="widget-title">Categories</h2><form action="https://csirt.teknokrat.ac.id" method="get"><label class="screen-reader-text" for="cat">Categories</label><select name='cat' id='cat' class='postform'>
<option value='-1'>Select Category</option>
<option class="level-0" value="7968">“Bagaimana Layanan Pelanggan yang Baik Dapat Meningkatkan Penjualan”</option>
<option class="level-0" value="918">2FA dan MFA</option>
<option class="level-0" value="4451">802.11 Standards</option>
<option class="level-0" value="2277">adaptasi dan strategi baru</option>
<option class="level-0" value="1528">administrasi</option>
<option class="level-0" value="4729">administrasi server</option>
<option class="level-0" value="4166">AI</option>
<option class="level-0" value="1911">akuntansi</option>
<option class="level-0" value="4345">Algoritma dan Struktur Data</option>
<option class="level-0" value="2111">Analisis SWOT</option>
<option class="level-0" value="1015">Ancaman Deepfake</option>
<option class="level-0" value="3747">Anime One Piece Episode</option>
<option class="level-0" value="24">Artikel</option>
<option class="level-0" value="1639">Bandwidth</option>
<option class="level-0" value="5205">belajar coding</option>
<option class="level-0" value="23">Berita</option>
<option class="level-0" value="9458">Berita Terkini</option>
<option class="level-0" value="3805">bintang</option>
<option class="level-0" value="5419">Blockchain</option>
<option class="level-0" value="2470">Brainware</option>
<option class="level-0" value="5412">Bridging</option>
<option class="level-0" value="1032">Bruto Force</option>
<option class="level-0" value="926">bug bounty</option>
<option class="level-0" value="1757">cctv</option>
<option class="level-0" value="3493">Cloud Computing</option>
<option class="level-0" value="1804">Cloud dan Hosting</option>
<option class="level-0" value="1818">coding</option>
<option class="level-0" value="4495">coding JAVA</option>
<option class="level-0" value="3394">Coding Java Svript</option>
<option class="level-0" value="8126">contoh soal</option>
<option class="level-0" value="2352">CPU</option>
<option class="level-0" value="1990">Crimping Kabel</option>
<option class="level-0" value="4157">CSS</option>
<option class="level-0" value="934">Cyber Hygiene</option>
<option class="level-0" value="903">Cyber Security</option>
<option class="level-0" value="902">CYBER SECUTITY</option>
<option class="level-0" value="971">Cyberwarfare</option>
<option class="level-0" value="1908">Debian</option>
<option class="level-0" value="930">deep web dan dark web</option>
<option class="level-0" value="2110">desain grafis</option>
<option class="level-0" value="3786">Dicas Práticas para Assistir</option>
<option class="level-0" value="6731">disiplin kerja pegawai kantor</option>
<option class="level-0" value="4861">Embedded Systems</option>
<option class="level-0" value="4153">Ethical Hacking</option>
<option class="level-0" value="5254">etika kerja kantor</option>
<option class="level-0" value="2705">Fiber Optik</option>
<option class="level-0" value="1226">Firewall</option>
<option class="level-0" value="1056">Firewall Hardware</option>
<option class="level-0" value="7575">Flashdisk</option>
<option class="level-0" value="3319">Gateway</option>
<option class="level-0" value="5227">Gmail</option>
<option class="level-0" value="2147">harddiks</option>
<option class="level-0" value="2148">harddiks</option>
<option class="level-0" value="3509">Hardiks</option>
<option class="level-0" value="2579">hardware</option>
<option class="level-0" value="3859">Head to Head Indonesia U-23</option>
<option class="level-0" value="5202">HTTPS</option>
<option class="level-0" value="1823">ICMP</option>
<option class="level-0" value="1529">Inastalasi</option>
<option class="level-0" value="938">Insider Threat</option>
<option class="level-0" value="1530">Instalasi</option>
<option class="level-0" value="3028">instalasi</option>
<option class="level-0" value="4035">Instalasi Debian</option>
<option class="level-0" value="4554">Instalasi OS</option>
<option class="level-0" value="4522">Instalasi Windows</option>
<option class="level-0" value="2029">Internet of Things</option>
<option class="level-0" value="4041">IoT</option>
<option class="level-0" value="4809">IP Address</option>
<option class="level-0" value="1073">IP conflict atau konflik IP</option>
<option class="level-0" value="4865">IPS (Intrusion Prevention System)</option>
<option class="level-0" value="1210">jaringan</option>
<option class="level-0" value="2297">Jaringan Komputer</option>
<option class="level-0" value="2988">Jaringan LAN</option>
<option class="level-0" value="4422">Jaringan MAN</option>
<option class="level-0" value="4627">Jaringan mobile dan pengaturan koneksi internet nirkabel</option>
<option class="level-0" value="2998">Jaringan Nirkabel</option>
<option class="level-0" value="7989">jaringan WAN</option>
<option class="level-0" value="5489">Java</option>
<option class="level-0" value="4964">Kabel Cross</option>
<option class="level-0" value="5669">Kabel LAN</option>
<option class="level-0" value="5627">Kabel Straight</option>
<option class="level-0" value="4018">Kabel UTP</option>
<option class="level-0" value="3664">kapal tenggelam</option>
<option class="level-0" value="955">Keamanan</option>
<option class="level-0" value="965">Keamanan Digital</option>
<option class="level-0" value="1415">keamanan informasi</option>
<option class="level-0" value="1393">keamanan jaringan</option>
<option class="level-0" value="1273">Keamanan server</option>
<option class="level-0" value="951">Keamanan Siber</option>
<option class="level-0" value="2016">keamanan sistem</option>
<option class="level-0" value="3237">Keamanan Sistem dan Jaringan</option>
<option class="level-0" value="1262">Keamanan Sosial Media</option>
<option class="level-0" value="5545">kearsipan</option>
<option class="level-0" value="1420">Kecerdasan Buatan</option>
<option class="level-0" value="3715">kencang</option>
<option class="level-0" value="1774">keterampilan lunak</option>
<option class="level-0" value="1915">keuangan</option>
<option class="level-0" value="2756">kewirausahaan</option>
<option class="level-0" value="4673">Kewirausahaan Teknologi</option>
<option class="level-0" value="3771">KM Barcelona</option>
<option class="level-0" value="3536">Komponen CPU</option>
<option class="level-0" value="4024">komponen jaringan</option>
<option class="level-0" value="3499">komputer</option>
<option class="level-0" value="1668">Konfigurasi jaringan</option>
<option class="level-0" value="1059">Konsep dan Implementasi QoS (Quality of Service)</option>
<option class="level-0" value="3719">korban</option>
<option class="level-0" value="7879">Lampu Tenaga Surya Karya Mahasiswa Teknokrat Menerangi Masjid Agung Al Hijrah Kota Baru</option>
<option class="level-0" value="2700">LAN</option>
<option class="level-0" value="4231">Laptop</option>
<option class="level-0" value="1642">layanan bisnis</option>
<option class="level-0" value="7215">Light Fidelity (Li-Fi)</option>
<option class="level-0" value="2468">Linux</option>
<option class="level-0" value="1044">load balancing</option>
<option class="level-0" value="4355">logika komputer</option>
<option class="level-0" value="6488">MAC Address</option>
<option class="level-0" value="4661">makanan</option>
<option class="level-0" value="4410">MAN</option>
<option class="level-0" value="6960">MAN “(Metropolitan Area Network)</option>
<option class="level-0" value="1928">manajemen jaringan</option>
<option class="level-0" value="6163">manajemen perkantoran</option>
<option class="level-0" value="2048">Manajemen Proyek IT</option>
<option class="level-0" value="1055">Manfaat Menggunakan Firewall Hardware: Perlindungan Maksimal dari Serangan Siber</option>
<option class="level-0" value="4250">Matherbot</option>
<option class="level-0" value="2013">Menejemen proyek</option>
<option class="level-0" value="4913">mengelola rapat</option>
<option class="level-0" value="6807">Mengenal Kabel LAN dengan Kecepatan Tinggi untuk Gamer Sejati</option>
<option class="level-0" value="8042">mengetik 10 jari</option>
<option class="level-0" value="2970">Meningkatkan Kinerja Server Jaringan , Anda dengan Tips Mudah</option>
<option class="level-0" value="8013">menyiapkan bahan rapat</option>
<option class="level-0" value="3496">microsoft</option>
<option class="level-0" value="7896">microsoft office</option>
<option class="level-0" value="1614">mikrotik</option>
<option class="level-0" value="1615">mikrotik</option>
<option class="level-0" value="3764">mobil</option>
<option class="level-0" value="3910">Model OSI</option>
<option class="level-0" value="2269">Monitor</option>
<option class="level-0" value="2077">Motherboard</option>
<option class="level-0" value="4906">mouse</option>
<option class="level-0" value="1402">mplb</option>
<option class="level-0" value="4579">NAS (Network-Attached Storage)</option>
<option class="level-0" value="6833">Natural Language Processing</option>
<option class="level-0" value="1081">Network Administrator</option>
<option class="level-0" value="4252">Network Monitoring</option>
<option class="level-0" value="2965">Networking</option>
<option class="level-0" value="4494">Nirkabel</option>
<option class="level-0" value="3692">one piece episode</option>
<option class="level-0" value="8046">organisasi kantor</option>
<option class="level-0" value="3790">otomotif</option>
<option class="level-0" value="5032">Packet Switching</option>
<option class="level-0" value="2617">PC</option>
<option class="level-0" value="3799">Pedro Cetak Gol</option>
<option class="level-0" value="3768">Pedro Selega Emosi Após Gol</option>
<option class="level-0" value="2616">pembuatan website</option>
<option class="level-0" value="1987">pemograman</option>
<option class="level-0" value="2402">pemograman mobile</option>
<option class="level-0" value="4626">Pemrograman</option>
<option class="level-0" value="8118">Pendidikan</option>
<option class="level-0" value="2730">Penerapan Sistem Informasi</option>
<option class="level-0" value="5100">pengarsipan dokumen</option>
<option class="level-0" value="4811">Pengaturan IP dan subnetting.</option>
<option class="level-0" value="6937">pengelolaan dokumen</option>
<option class="level-0" value="3239">pengelolah sistem jaringan</option>
<option class="level-0" value="2173">pengembangan aplikasi web</option>
<option class="level-0" value="5174">pengembangan game</option>
<option class="level-0" value="4254">Pengembangan Karir dan Profesionalisme</option>
<option class="level-0" value="4337">pengembangan perangkat lunak</option>
<option class="level-0" value="4342">pengembangan perangkat lunak.</option>
<option class="level-0" value="4971">Pengenalan server dan administrasi server.</option>
<option class="level-0" value="7706">pengetikan cepat</option>
<option class="level-0" value="4178">Pengkabelan</option>
<option class="level-0" value="5536">Pengoperasian Sistem Operasi</option>
<option class="level-0" value="2285">pengoprasian komputer</option>
<option class="level-0" value="1787">Perakitan</option>
<option class="level-0" value="7106">Perakitan Komputer</option>
<option class="level-0" value="2968">Perakitan PC</option>
<option class="level-0" value="2141">perawatan komputer</option>
<option class="level-0" value="2119">perkantoran</option>
<option class="level-0" value="967">Perlindungan Data</option>
<option class="level-0" value="4497">Port Forwarding</option>
<option class="level-0" value="1085">port security</option>
<option class="level-0" value="3873">Power Supply</option>
<option class="level-0" value="7776">praktek kerja lapangan</option>
<option class="level-0" value="896">Praktisi Cyber Security</option>
<option class="level-0" value="1690">prasarana</option>
<option class="level-0" value="3831">Profil Terbaru Sandy</option>
<option class="level-0" value="2750">programing</option>
<option class="level-0" value="3526">Programmers</option>
<option class="level-0" value="5058">programmers web</option>
<option class="level-0" value="3317">projek manejemen</option>
<option class="level-0" value="5192">Protokol IMAP</option>
<option class="level-0" value="1751">Protokol Jaringan</option>
<option class="level-0" value="3500">Proyektor</option>
<option class="level-0" value="3308">public</option>
<option class="level-0" value="4856">python</option>
<option class="level-0" value="1992">ram</option>
<option class="level-0" value="975">Ransomware</option>
<option class="level-0" value="1407">rekayasa perangkat lunak</option>
<option class="level-0" value="7773">rekayasa prangkat lunak</option>
<option class="level-0" value="2399">Router</option>
<option class="level-0" value="2621">Router vs Modem</option>
<option class="level-0" value="1532">Routing</option>
<option class="level-0" value="3689">saham</option>
<option class="level-0" value="949">Serangan DDoS</option>
<option class="level-0" value="1040">Serangan MITM</option>
<option class="level-0" value="944">Serangan Siber</option>
<option class="level-0" value="959">Serangan SQL Injection</option>
<option class="level-0" value="4967">Server dan Virtualisasi</option>
<option class="level-0" value="3729">Sistem ERP</option>
<option class="level-0" value="2458">Sistem Operasi</option>
<option class="level-0" value="7775">SMTP Authentication</option>
<option class="level-0" value="5763">SNMP (Simple Network Management Protocol)</option>
<option class="level-0" value="923">Social Engineering</option>
<option class="level-0" value="2271">software</option>
<option class="level-0" value="3962">Software Project Management</option>
<option class="level-0" value="2675">Software Testing</option>
<option class="level-0" value="8097">SSID (Service Set Identifier</option>
<option class="level-0" value="1236">Stalkerware</option>
<option class="level-0" value="4960">Straight</option>
<option class="level-0" value="4962">Straightt</option>
<option class="level-0" value="4963">Straighttf</option>
<option class="level-0" value="2619">subnetting</option>
<option class="level-0" value="947">Supply Chain Attack</option>
<option class="level-0" value="6485">Sustainability in Software Engineering</option>
<option class="level-0" value="2714">Switch</option>
<option class="level-0" value="1776">tata kelola perkantoran</option>
<option class="level-0" value="7997">tata naskah dinas</option>
<option class="level-0" value="2122">tata ruang kantor</option>
<option class="level-0" value="1400">teknik komputer dan jaringan</option>
<option class="level-0" value="1403">teknik komputer jaringan</option>
<option class="level-0" value="941">Teknik OSINT</option>
<option class="level-0" value="7878">teknik presentasi</option>
<option class="level-0" value="2692">Teknologi IoT</option>
<option class="level-0" value="2128">Teknologi Jaringan</option>
<option class="level-0" value="5672">teknologi perkantoran</option>
<option class="level-0" value="7718">Throughput</option>
<option class="level-0" value="3232">TKJ</option>
<option class="level-0" value="3750">TNI Kerahkan</option>
<option class="level-0" value="1859">topologi jaringan</option>
<option class="level-0" value="6958">Topology Hybrid</option>
<option class="level-0" value="5587">Traceroute</option>
<option class="level-0" value="4466">troubleshooting</option>
<option class="level-0" value="1">Uncategorized</option>
<option class="level-0" value="2455">VirtualBox</option>
<option class="level-0" value="2977">Virus Komputer</option>
<option class="level-0" value="5930">Virus Laptop</option>
<option class="level-0" value="1670">VLAN</option>
<option class="level-0" value="2274">VPN</option>
<option class="level-0" value="1071">Vulnerability</option>
<option class="level-0" value="2693">WAN</option>
<option class="level-0" value="2411">web developer</option>
<option class="level-0" value="2287">Web Proxy</option>
<option class="level-0" value="4505">Website</option>
<option class="level-0" value="2462">Windows</option>
<option class="level-0" value="2739">Windows10</option>
<option class="level-0" value="7656">Wired Equivalent Privacy (WEP)</option>
<option class="level-0" value="1665">Wireless</option>
<option class="level-0" value="4629">Wireless dan Mobile Networking</option>
<option class="level-0" value="1922">WLAN</option>
<option class="level-0" value="1012">Zero Trust Security</option>
</select>
</form><script type="text/javascript">
/* <![CDATA[ */
( ( dropdownId ) => {
const dropdown = document.getElementById( dropdownId );
function onSelectChange() {
setTimeout( () => {
if ( 'escape' === dropdown.dataset.lastkey ) {
return;
}
if ( dropdown.value && parseInt( dropdown.value ) > 0 && dropdown instanceof HTMLSelectElement ) {
dropdown.parentElement.submit();
}
}, 250 );
}
function onKeyUp( event ) {
if ( 'Escape' === event.key ) {
dropdown.dataset.lastkey = 'escape';
} else {
delete dropdown.dataset.lastkey;
}
}
function onClick() {
delete dropdown.dataset.lastkey;
}
dropdown.addEventListener( 'keyup', onKeyUp );
dropdown.addEventListener( 'click', onClick );
dropdown.addEventListener( 'change', onSelectChange );
})( "cat" );
//# sourceURL=WP_Widget_Categories%3A%3Awidget
/* ]]> */
</script>
</section><section id="meta-1" class="widget widget-sidebar-right widget_meta"><h2 class="widget-title">Meta</h2>
<ul>
<li><a href="https://csirt.teknokrat.ac.id/wp-login.php">Log in</a></li>
<li><a href="https://csirt.teknokrat.ac.id/feed/">Entries feed</a></li>
<li><a href="https://csirt.teknokrat.ac.id/comments/feed/">Comments feed</a></li>
<li><a href="https://wordpress.org/">WordPress.org</a></li>
</ul>
</section>
</aside><!-- .zak-secondary -->
</div> <!-- /.row -->
</div> <!-- /.zak-container-->
</div> <!-- /#zak-content-->
<footer id="zak-footer" class="zak-footer ">
<div class="zak-footer-bar zak-style-2">
<div class="zak-container">
<div class="zak-row">
<div class="zak-footer-bar__1">
<p>Copyright © 2026 <a href="https://csirt.teknokrat.ac.id/" title="UTI-TTIS">UTI-TTIS</a><br />Tim Tanggap Insiden Siber<br />Universitas Teknokrat Indonesia</p>
</div> <!-- /.zak-footer-bar__1 -->
</div> <!-- /.zak-row-->
</div> <!-- /.zak-container-->
</div> <!-- /.zak-site-footer-bar -->
</footer><!-- #zak-footer -->
</div><!-- #page -->
<a href="#" id="zak-scroll-to-top" class="zak-scroll-to-top">
<svg class="zak-icon zakra-icon--chevron-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 17.5c-.3 0-.5-.1-.7-.3L12 8.9l-8.3 8.3c-.4.4-1 .4-1.4 0s-.4-1 0-1.4l9-9c.4-.4 1-.4 1.4 0l9 9c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3z" /></svg> <span class="screen-reader-text">Scroll to top</span>
</a>
<div class="zak-overlay-wrapper"></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/zakra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="independent-analytics-script" >
// Do not change this comment line otherwise Speed Optimizer won't be able to detect this script
(function () {
function sendRequest(url, body) {
if(!window.fetch) {
const xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.send(JSON.stringify(body))
return
}
const request = fetch(url, {
method: 'POST',
body: JSON.stringify(body),
keepalive: true,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
}
});
}
const calculateParentDistance = (child, parent) => {
let count = 0;
let currentElement = child;
// Traverse up the DOM tree until we reach parent or the top of the DOM
while (currentElement && currentElement !== parent) {
currentElement = currentElement.parentNode;
count++;
}
// If parent was not found in the hierarchy, return -1
if (!currentElement) {
return -1; // Indicates parent is not an ancestor of element
}
return count; // Number of layers between element and parent
}
const isMatchingClass = (linkRule, href, classes, ids) => {
return classes.includes(linkRule.value)
}
const isMatchingId = (linkRule, href, classes, ids) => {
return ids.includes(linkRule.value)
}
const isMatchingDomain = (linkRule, href, classes, ids) => {
if(!URL.canParse(href)) {
return false
}
const url = new URL(href)
const host = url.host
const hostsToMatch = [host]
if(host.startsWith('www.')) {
hostsToMatch.push(host.substring(4))
} else {
hostsToMatch.push('www.' + host)
}
return hostsToMatch.includes(linkRule.value)
}
const isMatchingExtension = (linkRule, href, classes, ids) => {
if(!URL.canParse(href)) {
return false
}
const url = new URL(href)
return url.pathname.endsWith('.' + linkRule.value)
}
const isMatchingSubdirectory = (linkRule, href, classes, ids) => {
if(!URL.canParse(href)) {
return false
}
const url = new URL(href)
return url.pathname.startsWith('/' + linkRule.value + '/')
}
const isMatchingProtocol = (linkRule, href, classes, ids) => {
if(!URL.canParse(href)) {
return false
}
const url = new URL(href)
return url.protocol === linkRule.value + ':'
}
const isMatchingExternal = (linkRule, href, classes, ids) => {
if(!URL.canParse(href) || !URL.canParse(document.location.href)) {
return false
}
const matchingProtocols = ['http:', 'https:']
const siteUrl = new URL(document.location.href)
const linkUrl = new URL(href)
// Links to subdomains will appear to be external matches according to JavaScript,
// but the PHP rules will filter those events out.
return matchingProtocols.includes(linkUrl.protocol) && siteUrl.host !== linkUrl.host
}
const isMatch = (linkRule, href, classes, ids) => {
switch (linkRule.type) {
case 'class':
return isMatchingClass(linkRule, href, classes, ids)
case 'id':
return isMatchingId(linkRule, href, classes, ids)
case 'domain':
return isMatchingDomain(linkRule, href, classes, ids)
case 'extension':
return isMatchingExtension(linkRule, href, classes, ids)
case 'subdirectory':
return isMatchingSubdirectory(linkRule, href, classes, ids)
case 'protocol':
return isMatchingProtocol(linkRule, href, classes, ids)
case 'external':
return isMatchingExternal(linkRule, href, classes, ids)
default:
return false;
}
}
const track = (element) => {
const href = element.href ?? null
const classes = Array.from(element.classList)
const ids = [element.id]
const linkRules = [{"type":"extension","value":"pdf"},{"type":"extension","value":"zip"},{"type":"protocol","value":"mailto"},{"type":"protocol","value":"tel"}]
if(linkRules.length === 0) {
return
}
// For link rules that target an id, we need to allow that id to appear
// in any ancestor up to the 7th ancestor. This loop looks for those matches
// and counts them.
linkRules.forEach((linkRule) => {
if(linkRule.type !== 'id') {
return;
}
const matchingAncestor = element.closest('#' + linkRule.value)
if(!matchingAncestor || matchingAncestor.matches('html, body')) {
return;
}
const depth = calculateParentDistance(element, matchingAncestor)
if(depth < 7) {
ids.push(linkRule.value)
}
});
// For link rules that target a class, we need to allow that class to appear
// in any ancestor up to the 7th ancestor. This loop looks for those matches
// and counts them.
linkRules.forEach((linkRule) => {
if(linkRule.type !== 'class') {
return;
}
const matchingAncestor = element.closest('.' + linkRule.value)
if(!matchingAncestor || matchingAncestor.matches('html, body')) {
return;
}
const depth = calculateParentDistance(element, matchingAncestor)
if(depth < 7) {
classes.push(linkRule.value)
}
});
const hasMatch = linkRules.some((linkRule) => {
return isMatch(linkRule, href, classes, ids)
})
if(!hasMatch) {
return
}
const url = "https://csirt.teknokrat.ac.id/wp-content/plugins/independent-analytics/iawp-click-endpoint.php";
const body = {
href: href,
classes: classes.join(' '),
ids: ids.join(' '),
...{"payload":{"resource":"singular","singular_id":35975,"page":1},"signature":"1c164a71ef08b0e0fd2ae69add1c788e"} };
sendRequest(url, body)
}
let hasSearched = false;
function search() {
if(hasSearched) {
return;
}
hasSearched = true;
if (document.hasOwnProperty("visibilityState") && document.visibilityState === "prerender") {
return;
}
if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) {
return;
}
let referrer_url = null;
if (typeof document.referrer === 'string' && document.referrer.length > 0) {
referrer_url = document.referrer;
}
const params = location.search.slice(1).split('&').reduce((acc, s) => {
const [k, v] = s.split('=');
return Object.assign(acc, {[k]: v});
}, {});
const url = "https://csirt.teknokrat.ac.id/wp-json/iawp/search";
const body = {
referrer_url,
utm_source: params.utm_source,
utm_medium: params.utm_medium,
utm_campaign: params.utm_campaign,
utm_term: params.utm_term,
utm_content: params.utm_content,
gclid: params.gclid,
...{"payload":{"resource":"singular","singular_id":35975,"page":1},"signature":"1c164a71ef08b0e0fd2ae69add1c788e"} };
sendRequest(url, body)
}
document.addEventListener('mousedown', function (event) {
if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) {
return;
}
const element = event.target.closest('a')
if(!element) {
return
}
const isPro = false
if(!isPro) {
return
}
// Don't track left clicks with this event. The click event is used for that.
if(event.button === 0) {
return
}
track(element)
})
document.addEventListener('click', function (event) {
if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) {
return;
}
const element = event.target.closest('a, button, input[type="submit"], input[type="button"]')
if(!element) {
return
}
const isPro = false
if(!isPro) {
return
}
track(element)
})
document.addEventListener('play', function (event) {
if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) {
return;
}
const element = event.target.closest('audio, video')
if(!element) {
return
}
const isPro = false
if(!isPro) {
return
}
track(element)
}, true)
document.addEventListener("DOMContentLoaded", function (e) {
search();
});
document.addEventListener("iawpSearch", function (e) {
search();
});
})();
</script>
<script>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<script type="text/javascript" src="https://csirt.teknokrat.ac.id/wp-content/themes/zakra/assets/js/navigation.min.js?ver=4.2.0" id="zakra-navigation-js"></script>
<script type="text/javascript" src="https://csirt.teknokrat.ac.id/wp-content/themes/zakra/assets/js/skip-link-focus-fix.min.js?ver=4.2.0" id="zakra-skip-link-focus-fix-js"></script>
<script type="text/javascript" src="https://csirt.teknokrat.ac.id/wp-content/themes/zakra/assets/js/zakra-custom.min.js?ver=4.2.0" id="zakra-custom-js"></script>
<script type="text/javascript" src="https://csirt.teknokrat.ac.id/wp-includes/js/comment-reply.min.js?ver=6.9.4" id="comment-reply-js" async="async" data-wp-strategy="async" fetchpriority="low"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://csirt.teknokrat.ac.id/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://csirt.teknokrat.ac.id/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>
</body>
</html>
