Pengertian HTML dan CSS :
HTML (HyperText Markup Language) adalah bahasa standar untuk membuat sebuah halaman website yang dapat diakses oleh koneksi internet
CSS (Cascading Style Sheet) adalah bahasa pemrograman yang digunakan untuk mengolah HTML agar lebih terstruktur dan memperindah tampilan website.
Alat dan bahan:
1. Komputer/Laptop
2. Visual Studio Code
3. Google Chrome
4. Koneksi internet
5. HTML
6. CDS
2. Visual Studio Code
3. Google Chrome
4. Koneksi internet
5. HTML
6. CDS
Langkah-langkah :
1. Hidupkan komputer.
2. Tekan 2× pada aplikasi visual studio code untuk membuka aplikasinya.
3. Tekan tombol kombinasi CTRL + N untuk membuat file baru. Setelah masuk ke file manager, pilih folder untuk tempat menyimpan file dan beri nama index.html.
4. Dalam aplikasi visual studio code ketik tanda seru, nanti akan muncul (!) dan (!!!). Tekan yang (!), secara otomatis langsung ada format htmlnya.
5. Buat codingan nya, kalau sudah bisa di cek lewat google Chrome.
6. Caranya buka file manager, pilih file yang diberi nama index.html tadi. Klik kanan, tekan open with google chrome.
7. Agar tampilan lebih bagus, buat file baru seperti tadi di folder yang sama dan beri nama style.css.
8. Buka file style.css di situ coding lagi, setelah selesai buka lagi di google chrome. Maka tampilannya akan lebih bagus dibandingkan sebelumnya.
2. Tekan 2× pada aplikasi visual studio code untuk membuka aplikasinya.
3. Tekan tombol kombinasi CTRL + N untuk membuat file baru. Setelah masuk ke file manager, pilih folder untuk tempat menyimpan file dan beri nama index.html.
4. Dalam aplikasi visual studio code ketik tanda seru, nanti akan muncul (!) dan (!!!). Tekan yang (!), secara otomatis langsung ada format htmlnya.
5. Buat codingan nya, kalau sudah bisa di cek lewat google Chrome.
6. Caranya buka file manager, pilih file yang diberi nama index.html tadi. Klik kanan, tekan open with google chrome.
7. Agar tampilan lebih bagus, buat file baru seperti tadi di folder yang sama dan beri nama style.css.
8. Buka file style.css di situ coding lagi, setelah selesai buka lagi di google chrome. Maka tampilannya akan lebih bagus dibandingkan sebelumnya.
.png) |
| Inilah contoh hasilnya |