Tulis HTML Menggunakan Notepad atau TextEdit
halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional.
Namun, untuk belajar HTML sebaiknya editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac).
Kami percaya menggunakan editor teks sederhana adalah cara yang baik untuk belajar 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 kemudian:
Buka Layar Start (jendela simbol di bagian bawah kiri pada layar Anda). Ketik Notepad .
Windows 7 atau sebelumnya:
Buka Mulai > Programs> Accessories> Notepad
Langkah 1: Buka TextEdit (Mac)
Buka Finder> Applications> TextEdit
Juga mengubah beberapa preferensi untuk mendapatkan aplikasi untuk menyimpan file dengan benar. Dalam Preferences> Format> pilih "Plain Text"
Kemudian di bawah "Open dan Save", centang kotak yang mengatakan "Tampilan file HTML sebagai kode HTML bukan teks diformat".
Kemudian buka dokumen baru untuk menempatkan kode.
Langkah 2: Menulis Beberapa HTML
Menulis atau menyalin beberapa HTML ke dalam 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 dalam menu Notepad.
Nama file "index.htm" dan mengatur pengkodean untuk UTF-8 (yang merupakan pengkodean yang lebih disukai untuk file HTML).
Anda dapat menggunakan salah .htm atau .html sebagai ekstensi file. Tidak ada perbedaan, itu terserah Anda.
Langkah 4: Lihat Page HTML di Browser Anda
Buka file HTML yang disimpan di browser favorit Anda (klik dua kali pada file tersebut, atau klik kanan - dan pilih "Buka dengan").
Hasilnya akan terlihat seperti ini:
W3Schools Editor Online
Dengan editor online gratis kami, Anda dapat mengedit kode HTML dan melihat hasil di browser Anda.
Ini adalah alat yang sempurna bila Anda ingin menguji kode cepat. Ia juga memiliki kode warna dan kemampuan untuk menyimpan dan code share 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 pada "Cobalah Sendiri" tombol untuk melihat cara kerjanya.
Tidak ada komentar:
Posting Komentar