Editor HTML
Anda hanya perlu editor teks sederhana untuk mempelajari HTML.
Belajar HTML Menggunakan Notepad atau TextEdit
Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional.
Namun, untuk mempelajari HTML kami merekomendasikan editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac).
Kami percaya bahwa menggunakan editor teks sederhana adalah cara yang baik untuk mempelajari HTML.
Ikuti langkah-langkah di bawah ini untuk membuat halaman web pertama Anda dengan Notepad atau TextEdit.
Langkah 1: Buka Notepad (PC)
Windows 8 atau lebih baru:
Buka Layar Mulai (simbol jendela di kiri bawah layar Anda). Ketik Notepad .
Windows 7 atau sebelumnya:
Buka Mulai > Program > Aksesori > Notepad
Langkah 1: Buka TextEdit (Mac)
Buka Finder > Aplikasi > TextEdit
Ubah juga beberapa preferensi agar aplikasi dapat menyimpan file dengan benar. Di Preferensi> Format> pilih "Teks Biasa"
Kemudian di bawah "Buka dan Simpan", centang kotak yang bertuliskan "Tampilkan file HTML sebagai kode HTML alih-alih teks yang diformat".
Kemudian buka dokumen baru untuk menempatkan kode.
Langkah 2: Tulis Beberapa HTML
Tulis atau salin kode HTML berikut ke Notepad:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Langkah 3: Simpan Halaman HTML
Simpan file di komputer Anda. Pilih File > Simpan sebagai di menu Notepad.
Beri nama file "index.htm" dan atur pengkodean ke UTF-8 (yang merupakan pengkodean pilihan untuk file HTML).
Tip: Anda dapat menggunakan .htm atau .html sebagai ekstensi file. Tidak ada perbedaan, terserah Anda.
Langkah 4: Lihat Halaman HTML di Browser Anda
Buka file HTML yang disimpan di browser favorit Anda (klik dua kali pada file, atau klik kanan - dan pilih "Buka dengan").
Hasilnya akan terlihat seperti ini:
Editor Online W3Schools - "Coba Sendiri"
Dengan editor online gratis kami, Anda dapat mengedit kode HTML dan melihat hasilnya di browser Anda.
Ini adalah alat yang sempurna ketika Anda ingin menguji kode dengan cepat. Ini juga memiliki kode warna dan kemampuan untuk menyimpan dan berbagi kode dengan orang lain:
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Klik tombol "Coba Sendiri" untuk melihat cara kerjanya.
Ruang W3Schools
Jika Anda ingin membuat situs web Anda sendiri dan menyimpan kode Anda secara online, coba pembuat situs web gratis kami , yang disebut W3schools Spaces :
