Hai sobat Betta, setelah mengerti dasar apa itu HTML pada blog sebelumnya yaitu HTML Tutorial – Intro. Sekarang saatnya untuk melanjutkan bagaimana mempersiapkan tools untuk memulai membuat dokumen HTML. Tentunya yang kita butuhkan adalah text editor pada blog kali ini kita akan membahas HTML Editor.
[icon name=”exclamation-circle”] Anda hanya perlu editor teks sederhana untuk mempelajari HTML.
Untuk memulai menulis dokumen HTML, ada baiknya menggunakan Text Editor profesional. Akan tetapi rekomendasi untuk belajar menulis dokumen HTML adalah menggunakan text editor default bawaan dari komputer / laptop kita masing-masing, yaitu menggunakan Notepad / TextEdit karena sobat Betta akan dibiasakan untuk menulis bukan menghafal.
Step 1: Buka Notepad (PC)
Untuk pengguna Windows 8 atau lebih baru
Buka Start Screen (Simbol jendala pada pojok kiri bawah layar) lalu ketik Notepad.
Untuk pengguna Windows 7 atau lebih baru
Buka Start > Programs > Accessories > Notepad
Step 1: Buka TextEdit (Mac)
Buka Finder > Applications > TextEdit
Jangan lupa untuk merubah beberapa preferensi untuk membuat aplikasi menyimpan file dengan benar. Pada Preferences > Format > pilih “Plain Text” Kemudian di bawah tulisan “Open and Save”, centang kotak yang mengatakan “Display HTML files as HTML code instead of formatted text”.
Kemudian buka dokumen baru untuk menuliskan kode.
Step 2: Menulis Kode HTML
Tulis atau salin kode HTML berikut ke dalam Notepad / TextEdit:
<!DOCTYPE html>
<html>
<body>
<h1>Judul Pertama Saya</h1>
<p>Paragraf Pertama Saya</p>
</body>
</html>
Step 3: Menyimpan File HTML
Simpan file pada laptop / komputer sobat Betta File > Save As pada Notepad menu. Kemudian beri nama file tersebut dengan nama “index.htm” atau “index.html” dan mengatur pengodean ke UTF-8 (yang merupakan pengodean yang disukai untuk file HTML).
[icon name=”exclamation-circle”] Sobat dapat menggunakan .htm atau .html sebagai ekstensi file. Tidak ada perbedaan, terserah sobat Betta.
Step 4: Melihat Hasil di Browser
Silahkan sobat Betta buka file tadi sobat simpan pada Laptop / Komputer, kemudia klik dua kali sehinggan file akan dibuka pada browser default yang sobat Betta gunakan.
Mudah bukan? untuk belajar HTML bisa sesederhana itu. Silahkan untuk sobat Betta yang ingin belajar HTML silahkan ikuti Blog ini, apabila sobat suka silahkan share blog ini menggunakan tombol bagikan di bawah blog.
I quite like reading an article that will make men and women think. Also, thanks for permitting me to comment. Mora Rickey Hewet
There is significantly a bundle to find out about this. I assume you made certain wonderful points in features likewise. Tracy Saunders Andryc
Wow because this is extremely excellent job! Congrats and keep it up. Philippine Read Flita
Oto swoje sprawdzone sposoby na podrywanie dziewczyn. Marena Miltie Vito
Some really rattling work on behalf of the owner of this internet site, utterly outstanding articles. Flor Keene Cirilo
Hello to all, how is the whole thing, I think every one is getting more from this website, and your views are pleasant in support of new visitors. Christina Killian McCartan
I really like and appreciate your blog post. Really thank you! Really Cool. Cinderella Wyatan Petronia
Thanks-a-mundo for the blog post. Thanks Again. Really Great. Luce Remus Kearney
Appreciating the persistence you put into your site and detailed information you offer. Amelie Robinson Warfore
I have read so many posts concerning the blogger lovers but this paragraph is in fact a nice piece of writing, keep it up. Katy Cesaro Krall
Way cool! Some very valid points! I appreciate you penning this article plus the rest of the site is also very good. Windy Farley Dev
A person necessarily assist to make severely posts I would state. Suellen Christoforo Jovia
Thanks with regard to delivering many of these substantial articles. Marjie Leo Kauffman
You are my inspiration , I own few web logs and infrequently run out from to brand. Rebeka Syd Noman
Great post! We are linking to this particularly great article on our website. Keep up the good writing. Libby Dieter Donata
Thanks to my father who informed me about this web site, this weblog is genuinely awesome. Dinny Ben Cristobal
Looking forward to reading more. Great article post. Really looking forward to read more. Really Great. Lindsay Nevile Marchese
Nice respond in return of this matter with genuine arguments and telling the whole thing about that. Philippine Read Flita