Minggu, 25 November 2018

HTML Editors

Menulis HTML Menggunakan Notepad atau TextEdit

Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional. Namun, untuk belajar HTML kami merekomendasikan editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac). Kami percaya menggunakan editor teks sederhana adalah cara yang baik untuk mempelajari HTML. Ikuti empat 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 START (simbol jendela di kiri bawah pada layar Anda). Ketik Notepad.

Windows 7 atau yang lebih lama:
  • Buka START >  Program >  Aksesori > Notepad


Langkah 1: Buka TextEdit (Mac)
  • Buka Finder> Aplikasi> TextEdit
  • Juga ubah beberapa preferensi untuk mendapatkan aplikasi untuk menyimpan file dengan benar. Di Preferences> Format> pilih "Plain Text"
  • Kemudian di bawah "Buka dan Simpan", centang kotak yang mengatakan "Display HTML files as HTML code instead of formatted text".
Kemudian buka dokumen baru untuk menempatkan kode.



Langkah 2: Tulis Beberapa HTML

Tulis beberapa HTML dibawah ini ke Notepad.

<!DOCTYPE>
<html>
<body>

<h1>Judul Pertama Saya</h1>

<p>Paragraf Pertama Saya</h1>

</body>
</html>



MUSLIM PROMO
Langkah 3: Simpan Halaman HTML

Simpan file di komputer Anda. Pilih File> Save as dalam menu Notepad.

Nama file "index.html" dan atur encoding ke UTF-8 (yang merupakan pengkodean yang lebih disukai untuk file HTML).


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 menggunakan browser favorit Anda (klik dua kali pada file, atau klik kanan - dan pilih "Open with").

Hasilnya akan terlihat seperti ini:


Catatan : mohon tidak hanya copy - paste code program jadilah programer yang bijak dengan menuliskan sendiri code program, dengan begitu anda akan membiasakan diri anda dalam berinteraksi dengan kode - kode program.




Sumber : www.w3school.com.com

MUSLIM PROMO

0 komentar:

Posting Komentar