Websites + Marketing memungkinkan penambahan kode Anda sendiri (HTML, CSS, dan JavaScript) ke situs web Anda. Dengan demikian, Anda dapat meningkatkan kemampuan situs melalui berbagai pilihan, antara lain formulir kustom, peta, dan tombol fungsi khusus.
Baca Juga: SQL: Pengertian, Fungsi Beserta Perintah Dasarnya
Kerangka Dasar HTML
Agar dapat belajar membentuk sebuah halaman web, HTML memerlukan suatu kerangka. Selain dapat mempermudah browser membaca perintahmu, kerangka ini juga bisa membantu kamu mengisi dan mendesain website-mu sesuai keinginan.
Kerangka dasar ini merupakan gabungan dari tag, elemen, dan atribut yang telah dijelaskan tadi. Setidaknya ada lima kerangka dasar atau inti yang sering digunakan saat belajar HTML, yaitu:
Berfungsi untuk mendeklarasikan kepada komputer, tipe dokumen dan kode perintah yang hendak dibuat, yaitu HTML.
…
Tag yang satu ini wajib ada untuk membuat dokumen HTML, karena digunakan sebagai penanda bahwa kamu akan memulai dan mengakhiri dokumen menggunakan kode HTML. Bila perlu, kamu bisa menambahkan atribut “lang=” untuk memilih bahasa yang digunakan, seperti
“en” untuk bahasa Inggris atau “id” untuk bahasa Indonesia.
…
Kamu bisa menggunakan tag ini untuk mengisi metadata yang berfungsi pula untuk SEO, seperti deskripsi, judul, kode CSS atau Javascript, dan sebagainya.
… <title></h3><p>Title atau judul biasanya muncul di dalam <head>, tag ini berguna untuk menambahkan judul halaman web yang akan ditampilkan di
tab browser.</p><p><div class="imgBox"><img alt="Cara menggunakan kode html apa saja?" data-orgimg="https://sg.cdnki.com/cara-menggunakan-kode-html-apa-saja---aHR0cHM6Ly9kd2Jsb2ctZWNkZi5reGNkbi5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjEvMDcvdGl0bGUtZGktdGFiLWJyb3dzZXIucG5n.webp" ></img></div></p><h3 id="lt-body-gt-lt-body-gt"><body> … </body></h3><p>Di sinilah kontenmu ditempatkan. Kamu bisa menambahkan beberapa tag yang sering digunakan, seperti <p> … </p> untuk membuat paragraf atau <h2> sampai <h6> untuk menambahkan heading.</p><p>Selain beberapa tag penting di atas, masih ada berbagai tag HTML
yang bisa kamu gunakan untuk membuat sebuah halaman website. Temukan link untuk kamus HTML di subtopik “Tips Belajar HTML”, ya.</p><p><strong>Baca Juga: </strong><strong>Kode
Warna HTML: Panduan Lengkap</strong></p><h2 id="aplikasi-editor-untuk-belajar-html">Aplikasi Editor untuk Belajar HTML</h2><p>Jika ingin belajar HTML, kamu perlu mengetahui apa saja aplikasi yang bisa digunakan sebagai editor untuk membuat HTML. Berikut ini adalah di beberapa aplikasi HTML editor yang dapat kamu coba:</p><ul><li>Notepad++</li><li>BlueGriffon</li><li>Bluefish Editor</li><li>Brackets</li><li>CoffeeCup</li><li>UltraEdit</li><li>Sublime Text</li></ul><p>Selain beberapa rekomendasi di atas, kamu juga bisa mengecek berbagai code editor lain untuk web
developer dari artikel “Rekomendasi Code Editor Gratis untuk Web Developer”. Apakah salah satu di antaranya pernah kamu gunakan?</p><h2 id="pemilihan-browser">Pemilihan Browser</h2><p>Usai menentukan aplikasi editor untuk belajar HTML, selanjutnya kamu dapat memilih browser yang sesuai dengan sistem
operasi atau OS komputermu. Pastikan kamu memilih browser yang cocok agar kode HTML yang telah dibuat bisa tampil dengan optimal.</p><p>Selain itu, tak ada salahnya untuk menggunakan lebih dari satu browser untuk melakukan pengecekan, apakah kode HTML yang telah kamu susun dapat berfungsi dengan baik di browser lain. Sebab, hasil coding HTML yang kamu mungkin tidak kompatibel di browser tertentu. Jika sudah selesai memilih, cek hasil eksekusi kode HTML
buatanmu.</p><p><b>Baca Juga: 10 Mesin Pencari Selain Google yang Baik dan Aman</b></p><h2 id="belajar-membuat-html">Belajar Membuat HTML</h2><p>Tak lengkap rasanya jika panduan belajar HTML tidak mencantumkan cara sederhana membuat kode HTML. Simulasi yang akan kita lakukan berikut tidak sekompleks pembuatan
website, hanya kode mendasar yang bisa kamu praktikkan sendiri dengan perangkat komputer atau laptopmu.</p><p>1. Langkah pertama, buka aplikasi Notepad di komputermu.</p><p>2. Copy dan paste kode berikut ke Notepad.</p></p><pre><!DOCTYPE html>
<html>
<head>
<title> Belajar HTML di Dewaweb
