DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MEMBUAT HTML DI NOTEPAD

Panduan langkah demi langkah tentang cara membuat HTML di Notepad. Ideal untuk pemula yang ingin mempelajari dasar-dasar pengkodean HTML.

Daftar Isi:

Persiapan
Langkah 1 - Membuka Notepad
Langkah 2 - Membuat Dokumen HT...
Langkah 3 - Menyimpan Dokumen ...
Langkah 4 - Membuka Dokumen HT...
Kesimpulan

Membuat halaman web mungkin terdengar rumit, tetapi itu sebenarnya cukup mudah. Salah satu cara belajar adalah dengan mencoba sendiri. Salah satu cara yang paling sederhana dan efektif untuk memulai adalah dengan menggunakan Notepad. Artikel ini akan memberikan panduan langkah demi langkah tentang cara membuat HTML di Notepad.

Persiapan

Sebelum mulai, kamu pastikan ada aplikasi Notepad di komputermu. Notepad biasanya tersedia di hampir semua versi Windows, kamu dapat menemukannya di menu Start.

Langkah 1 - Membuka Notepad

Untuk membuka Notepad, kamu bisa klik menu Start, ketik ‘Notepad’ di kotak pencarian, dan kemudian klik pada aplikasi Notepad yang muncul di hasil pencarian.

Langkah 2 - Membuat Dokumen HTML Baru

Setelah Notepad terbuka, pertama-tama, kamu harus membuat dokumen HTML baru. Kamu cukup mengetik <!DOCTYPE html> di baris pertama. Ini adalah deklarasi yang memberitahu browser bahwa ini adalah dokumen HTML5.

Sublangkah a. Menambahkan Tag Pembuka dan Penutup

Selanjutnya, kamu perlu menambahkan tag pembuka <html> dan tag penutup </html>.

Sublangkah b. Menggunakan Tag Head dan Body

Di dalam tag html, ada dua bagian utama, yaitu head dan body. Tag <head> digunakan untuk metadata halaman web seperti judul, sementara tag <body> untuk konten utama web. Jadi, struktur dasar HTML di Notepad harus terlihat seperti ini:

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Konten Halaman
</body>
</html>

Langkah 3 - Menyimpan Dokumen HTML

Setelah kamu puas dengan halaman HTML, sekarang waktunya menyimpannya. Klik ‘File’ lalu pilih ‘Save As’. Kemudian, di kotak ‘Save as type’, pilih ‘All Files’. Masukkan nama file dengan ekstensi .html, seperti belajar.html, lalu klik ‘Save’.

Langkah 4 - Membuka Dokumen HTML di Browser

Setelah disimpan, kamu dapat membuka file HTML dalam browser. Kamu cukup mengklik ganda file tersebut dan file akan otomatis terbuka di browser komputer.

Kesimpulan

Memang mungkin memakan waktu untuk benar-benar menguasai HTML dan web desain, tetapi dengan banyak praktek dan kesabaran, kamu akan dapat membuat halaman web yang menarik dan fungsional. Selamat mencoba! Jangan lupa untuk selalu berlatih dan belajar setiap hari untuk meningkatkan keterampilan coding mu.


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding