Belajar HTML Dasar dari Nol untuk Pemula - Instalasi dan Persiapan (Bagian 2)
Setelah sebelumnya kita sudah berkenalan dengan HTML, langkah berikutnya kita akan melakukan sebuah instalasi dan persiapan lingkungan kerja. Pada bagian ini, kita akan membahas dan menginstal alat-alat yang akan digunakan untuk memulai menulis dan menjalankan kode HTML.
1. Alat yang Diperlukan
Untuk belajar dan bekerja menggunakan HTML kita memerlukan dua buah alat yaitu
- Kode Editor - Digunakan untuk menuliskan kode HTML untuk rekomendasi dari Kami Kode Editor yang mudah digunakan untuk pemula dan memiliki tampilan yang menarik adalah Visual Studio Code (VS Code) karena ringan, fleksibel, dan memiliki banyak ekstensi pendukung yang dapat kamu install sendiri.
- Web Browser - Digunakan untuk melihat atau menjalankan hasil dari kode HTML yang sudah di tuliskan sebelumnya. Untuk rekomendasi kami merekomendasikan Google Chrome karena cepat dan memiliki fitur pengembangan yang sangat membantu.
2. Instalasi Visual Studio Code (VS Code)
Untuk memilai instalasi visual studio kamu dapat mengikuti langkah-langkah berikut
- Kunjungi situs resmi VS Code di : code.visualstudio.com
- Pilih versi yang sesuai dengan sistem oprasi anda yaitu Windows, macOS, atau Linux.
- Unduh dan jalankan file instalasi.
- Ikuti petunjuk instalasi hingga selesai.
- Setelah instalasi selesai silahkan buka VS Code untuk memastikan bahwa instalasi berhasil
3. Instalasi Google Chrome
Langkah berikutnya adalah cara instalasi google chrome. Untuk langkah-langkahnya kamu bisa mengikuti petunjuk berikut:
- Kunjugi situs resmi google chrome di : www.google.com/chrome/
- Unduh versi terbaru dan sesuaikan dengan sistem oprasi yang anda gunakan.
- Jalankan file instalasi dan ikuti petunjuk hingga selesai.
- Setelah instalasi selesai silahkan, buka Chrome untuk memastikan bahwa instalasi berhasil.
4. Membuat dan Menjalankan Kode HTML Pertama
Setelah menginstal kode editor dan web browser sekarang kita akan mencoba untuk membuat kode HTML pertama kita dan menjalankannya
1. Membuat Kode HTML
- Buka VS Code
- Buat folder baru untuk proyek HTML pertama Anda
- Pada folder tersebut, buatlah file terbaru dengan nama index.html
- Ketikan kode berikut
- Jika sudah Save kode tersebut.
2. Menjalankan Kode HTML
- Buka folder diamana kamu menyimpan file proyek sebelumnya.
- Buka folder tersebut.
- Klik kanan pada file index.html dan klik open with dan pilih Google Chrome
- Jika sudah maka Anda akan melihat halaman web dengan tulisan "Hello World!" dan tulisan "Ini adalah halaman HTML pertama saya".
Dengan menyelesaikan langkah ini, Anda telah berhasil menyiapkan lingkungan kerja untuk belajar HTML. Pada artikel berikutnya, kita akan membahas struktur dasar kode HTML yang digunakan untuk membangun halaman web.
etap semangat belajar dan sampai jumpa di bagian selanjutnya dari seri Belajar HTML Dasar dari Nol untuk Pemula