Belajar HTML Part 2 - Teks Editor di HTML

Kamis, 08 Februari 2018

Belajar HTML Part 2 - Teks Editor di HTML

Menulis HTML Menggunakan Notepad atau TextEdit

Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional. Namun, untuk belajar HTML sebaiknya gunakan teks editor sederhana seperti Notepad (PC) atau TextEdit (Mac). Menggunakan editor teks sederhana adalah cara yang baik untuk belajar HTML.

Ikuti empat langkah berikut untuk membuat halaman web pertama Anda dengan Notepad atau TextEdit.

Menggunakan Windows

Langkah 1: Buka Notepad (PC)

Windows 10:

Klik Start (simbol jendela di bagian kiri bawah pada layar Anda)
Ketikkan Notepad di kolom pencarian
Untuk membuka klik pada "Notepad"

Windows 8.1:

Buka layar Start (simbol jendela di bagian kiri bawah pada layar Anda)
Ketik Notepad .

Windows 7:

Buka Start > All Programs > Accessories > Notepad

Menggunakan Macintosh

Langkah 1:

Buka TextEdit (Mac)
Buka Finder > Applications > TextEdit
Untuk 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 "Ignore rich text commands in HTML files".
Kemudian buka dokumen baru untuk menempatkan kode.

Langkah 2:

Menulis atau menyalin beberapa HTML ke dalam Notepad.

Salin kode berikut ke Notepad!

<!DOCTYPE html>
<html>
<body>

<h1>Heading Pertama Saya</h1>
<p>Paragraf Pertama Saya </p>

</body>
</html>

Disalin ke notepad:

Langkah 3: Simpan Halaman HTML

Simpan file di komputer Anda. Pilih File > Save as dalam menu Notepad.
Simpan dengan nama file "index.html" dan mengatur pengkodean untuk UTF-8 (merupakan pengkodean yang lebih disukai untuk file HTML).

Anda dapat menggunakan .htm atau .html sebagai ekstensi file. Tidak ada perbedaan, itu terserah Anda.

Langkah 4: Lihat Page HTML di Browser Anda

Buka file HTML yang anda simpan di perangkat Anda tadi (klik dua kali pada file tersebut, atau klik kanan dan pilih "Open with").
Hasilnya akan terlihat seperti ini: