Saturday, February 23, 2019

HTML : HTML Editor Menggunakan Notepad dan HTML Editor FajarYusuf.Com

Fajaryusuf.com

Setelah mempelajari tentang apa itu HTML di tutorial sebelumnya yang membahas pengertian HTML dan penerapannya dalam pembuatan website, sekarang kita akan bahas HTML editor yang merupakan tempat atau sarana kita untuk mengetik tag - tag HTML.

Mengetik HTML dengan HTML Editor


Website bisa dibuat dan dimodifikasi menggunakan HTML editor atau yang sering disebut code editor oleh kebanyakan para programmer. Code editor adalah aplikasi, software atau sebut saja alat yang kita gunakan untuk mengetik tag - tag HTML.

Karena tutorial ini saya buat cenderung untuk Anda yang masih pemula, maka saya sarankan untuk menggunakan notepad atau HTML editor fajaryusuf.com saja terlebih dahulu. Kenapa? Karena menggunakan notepad atau HTML editor fajaryusuf.com dengan tampilan yang simple dapat membantu Anda belajar HTML dengan cepat.

Selain itu Anda tidak perlu repot - repot untuk instal karena sudah tersedia (built-in) di laptop Anda masing - masing.

Untuk cara yang menggunakan Notepad :

Step 1: Buka Notepad (Windows)


Windows 8 - Windows 10
1. Buka Start Screen (simbol windows yang terletak di pojok kiri bawah)
2. Lalu ketik Notepad

Windows 7 kebawah
1. Buka Start > Apllication > Notepad

Untuk cara yang menggunakan HTML Editor FajarYusuf.Com :

Step 1: HTML editor fajaryusuf.com


fajaryusuf.com
tampilannya seperti ini, kiri adalah tempat untuk menuliskan coding atau tag - tag HTML sebelah kanan adalah hasil dari execute coding HTML yang di Running
.

Step 2: Mengetik Beberapa Tag HTML


Berikut ini tag - tag HTML sederhana yang saya buat untuk Anda, jadi silahkan di ketik di code editor yang Anda gunakan ya.

<!DOCTYPE html>
<html>
<body>
 
<h1>Belajar HTML di fajaryusuf.com</h1>
<p>Dengan Materi Yang Mudah Dipahami</p>
 
</body>
</html>




Step 3: Simpan Menjadi File HTML


Setelah Anda selesai menulis syntax HTML tadi, sekarang coba simpan filenya. Pilih File > Save As di menu notepad.

Beri nama index.html pada file tersebut dan jangan lupa pilih encoding-nya menggunakan UTF-8 (ini format yang biasa digunakan untuk HTML)

simpan syntax html di notepad

Penting ! Tadi kita beri nama file "index.html". Anda bisa menggunakan .htm atau .html sebagai extensi filenya. Tidak ada perbedaan, tapi saya sarankan menggunakan html karena extensi ini yang sering digunakan oleh kebanyakan programmer. Oke?

Step 4: Lihat Halaman HTML di Browser


Setelah tadi sudah berhasil Anda simpan, sekarang coba buka file index.html. Anda bisa langsung double click file itu atau klik kanan dan pilih open with lalu pilih browser.

Jika berhasil, maka hasilnya kurang lebih akan seperti ini ya.

HTML  : HTML Editor Menggunakan Notepad dan HTML Editor FajarYusuf.Com



Step 4: Lihat Hasil Coding di HTML EDITOR FajarYusuf.Com

fajaryusuf.com

Oke kalau hasilnya sudah sesuai dengan gambar diatas, Anda sudah selesai mempelajari HTML Editor dengan baik. Ayo lanjutkan ke tutorial selanjutnya yang membahas dasar - dasar pengetikan HTML dan apa saja yang harus diperhatikan ketika mengetik tag - tag HTML.


Reviewer: Fajar Yusuf
ItemReviewed: HTML : HTML Editor Menggunakan Notepad dan HTML Editor FajarYusuf.Com

Seseorang yang ingin membagi pengalaman dan ilmu yang berguna untuk para pembaca FajarYusuf.Com :)

Cobalah untuk memilih Pelajaran Pemrograman dan belajar dari Materi Pertama
EmoticonEmoticon


TENTANG SITUS

SITUS INI ADALAH SITUS PEMBELAJARAN PEMROGRAMAN DAN JUGA PEMAHAMAN TERHADAP TEKNOLOGI KOMPUTER. KALIAN BISA MENGIKUTI PEMBELAJARAN PEMROGRAMAN DENGAN BERTAHAP PADA MATERI YANG SUDAH SAYA SEDIAKAN, JIKA ADA MATERI YANG MEMBINGUNGKAN SILAKAN LAKUKAN KOMENTAR PADA MATERI YANG ANDA TANYAKAN ATAU KALIAN BISA MENGHUBUNGI SAYA DIHALAMAN KONTAK.