Belajar HTML : Text Editor Untuk HTML – Bagian II

Diposting pada
Belajar HTML : Text Editor Untuk HTML - Bagian II

Setelah pembelajaran mengenai Apa itu HTML dan Sejarah beserta sedikit contoh struktur dari dokumen HTML, saat ini kita akan belajar mengenai Text Editor untuk belajar HTML. 

Bagi teman teman yang belum mempunyai text Editor seperti Notepad ++, Sublime Text, ataupun VSCode. Teman teman bisa menggunakan aplikasi Notepad Windows untuk memulai dokumen HTML pertama.

Belajar Menulis HTML Menggunakan Notepad

Untuk memulai dokumen HTML pertama, kalian bisa menggunakan Aplikasi Notepad yang sudah tersedia di PC atau Laptop teman-teman. Cara membukanya mudah kok, ikuti langkah langkah berikut :

#1. Cara Membuka Aplikasi Notepad

Tekan tombol Windows + R secara bersamaan pada tombol keyboard PC/Laptop, kemudian akan muncul sebuah jendela, lalu ketik “Notepad” pada form yang tersedia lalu tekan OK atau Enter.
Nah jika sudah, secara otomatis aplikasi Notepad akan terbuka.

#2. Menulis Dokumen Pertama Menggunakan HTML

Teman-teman bisa menulis ulang kode HTML dibawah ini ataupun dicopy juga boleh,
<!DOCTYPE html>
<html>
<head>
<title>IDNCODER - Belajar HTML Dasar</title>
</head>
<body>
<h1>Belajar HTML Dasar : Menulis Menggunakan Notepad</h1>
<p>Mari belajar HTML</p>
</body>
</html>

Setelah teman-teman selesai menulis kode HTML diatas, silahkan ganti bagian title, h1, paragraph sesuai keinginan.

#3. Menyimpan Halaman HTML

Untuk Menyimpan Halaman Dokumen HTML, caranya cukup mudah, klik menu “File” pada pojok kanan atas, kemudian klik “Save As“, lalu beri nama file tersebut kemudian akhiri dengan ekstensi file .html atau .htm , itu berguna agar dokumen HTML kamu dapat dijalankan oleh Browser yang kamu gunakan.
Belajar HTML : Text Editor HTML - Bagian II

#4. Membuka Dokumen HTML Menggunakan Browser

Untuk membuka dokumen HTML menggunakan Browser juga sangat mudah, Cari atau temukan file html yang kamu simpan tadi kemudian Klik 2x file tersebut, nanti akan terbuka secara otomatis sesuai dengan Browser Default PC/Laptop.
Belajar HTML : Text Editor HTML - Bagian II
Nahh mungkin itu saja Belajar HTML : Text Editor Untuk HTML – Bagian II
Selamat Mencoba 😀

Source : W3schools

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *