Belajar HTML #02 : Cara membuat file HTML

 

Sebelum kita membuat file HTML, perlu diketahui bahwa ekstensi untuk file HTML biasanya adalah ".html" atau ".htm", sebagai contoh, jika kita ingin membuat halaman web dengan nama "index", maka nama file tersebut dapat kita simpan dengan nama "index.html" atau "index.htm". Ketika file HTML dibuka di sebuah web browser, maka browser tersebut akan membaca kode HTML yang terdapat pada file tersebut dan menampilkan halaman web sesuai dengan kode tersebut. Kode HTML terdiri dari serangkaian tag yang memberitahu browser tentang struktur dan konten halaman web, seperti teks , gambar, tautan dan elemen interaktif lainnya. 

Lalu, sebelum kita membuat file HTML ada beberapa peralatan yang harus disiapkan untuk membuat file HTML diantaranya adalah 

Teks Editor

Teks editor ini kita gunakan untuk menulis kode kode HTML, ada beberapa teks editor yang dapat kalian gunakan dan tentunya gratis tinggal kalian donwload saja, berikut beberapa teks editor yang biasa dipakai 

Web Browser

Web browser akan kita gunakan untuk membuka file HTML, Kalian bebas menggunakan web browser apa saja semisal google chrome dan mozilla firefox saya rasa itu sudah cukup. Jika semuanya sudah dipersiapkan maka saatnya kita membuat file HTML.

Membuat File HTML 

Pertama silahkan buka teks editor kalian masing-masing, Disini saya memakai text editor Visual Studio Code selanjutnya silahkan kalian tulislah kode dibawah ini.

See the Pen Untitled by Dani Prattama (@prattama) on CodePen.


Jika sudah, silahkan kalian tentukan juga lokasi penyimpanan file tersebut kemudian save file tersebut dengan nama "index.html".

--Gambar File--

sekarang cobalah buka file html yang sudah kita buat tadi caranya dengan klik kanan pada file tersebut open with other application pilh web browser yang kalian pakai, hasilnya akan seperti ini

--selamat--




Komentar