Cara Menginstal Format Pemrograman HTML dan Fungsi Dari Macam-macam Rumus HTML
Cara Menginstal Format Pemrograman HTML dan Fungsi Dari Macam-macam Rumus HTML
Mau mempelajari cara menggunakan format HTML? Bisa banget nih, di website kali ini
saya akan menjelaskan cara menginstal format HTML menggunakan aplikasi Visual Studio Code.
A. Mengunduh Aplikasi Visual Studio Code
Sekarang mari kita install VSCode dengan cara berikut ini:
- Buka web https://code.visualstudio.com/ dan download sesuai dengan sistem operasi komputer kamu.
- Setelah berhasil didownload, silakan klik 2x hasil download tadi untuk menginstal VSCode nya.
- Pada bagian License Agreement klik l accept the agreement lalu klik Next.
- Pada bagian Select Destination Location biarkan apa adanya lalu klik Next.
- Pada bagian Select Star Menu Folder klik Next.
- Pada bagian Select Additional Tasks klik Next.
- Pada bagian Ready to Install, klik Install.
- Tunggu proses Installing selesai.
- Setelah itu klik Finish.
Gampang kan? Kalau hanya install sebenarnya mudah, hanya download software nya, lalu jalankan dengan klik 2x, setelah itu tinggal klik Next beberapa kali, selesai deh.
B. Menginstal Format Pemrograman HTML
- Tekan tombol extensions di bagian kiri aplikasi.
- Ketik "Format HTML" di kolom pencarian.
- Klik ekstensi yang berisi format HTML (kalau saya menginstal milik Mohamed Akram), lalu tekan Install dibawah heading ekstensi kemudian tunggu beberapa menit hingga ekstensi selesai dipasang.
- Buat berkas HTML baru kemudian namai dengan "Belajar HTML".
- Ketik < !DOCTYPE html> di barisan pertama.
- Lalu ketik <html> di barisan kedua.
Sekarang Anda dapat menyusun susunan kode berdasarkan fungsi perintahnya. Berikut ini adalah salah satu contoh hasil dari penyusunan rumus-rumus HTML.
C. Mengatur Agar VS Code dan Output Menjadi Satu di Halaman Screen
- Jika sudah selesai menyusun kode-kode HTML, klik Run di bagian atas (bisa juga klik tombol Run & Debug di bagian kiri layar). Kemudian klik Start Debugging.
- Output dari rumus-rumus yang sudah Anda buat akan muncul melalui Browser / Chrome.
- Tekan tombol Windows dan Home bersamaan di keyboard untuk menampilkan output di bagian kiri komputer.
- Kembali ke aplikasi VSCode Anda, lalu klik tombol Toggle Primary Side Bar di bagian kanan atas (Ctrl + B)
- Klik halaman Browser / Chrome dimana hasil output Anda tadi berada.
- Sekarang, aplikasi VSCode dan Output Anda telah berada di satu halaman screen.
D. Fungsi Rumus HTML
Untuk dapat menyusun rumus-rumus HTML, Anda terlebih dahulu perlu tahu masing-masing fungsi dari setiap rumus yang ada. Berikut ini adalah fungsi dari beberapa rumus HTML.
- <body>
- Isi dari sebuah dokumen HTML.
- <head>
- Memberikan informasi tentang dokumen.
- <title>
- Menjelaskan judul dokumen.
- <p> (Paragraf)
- Rumus yang digunakan untuk menandai sekumpulan teks sebagai paragraf.
- <h1> ; <h2> ; <h3> ; <h4> ; <h5> ; <h6>
- Tag heading dengan ukuran yang berbeda dari <h1> yang terbesar hingga <h6> yang terkecil.
- <ul>
- Rumus yang digunakan untuk menampilkan daftar (list) dalam bentuk dot (.).
- <ol>
- Sama seperti <ul> namun menggunakan nomor secara berurutan.
- <li>
- Rumus untuk menampilkan item pada (ul) dan (ol).
- <br>
- Rumus untuk membuat baris baru.
.
.
.
Referensi
www.belajarisme.com
gambar 1: adriancs.com
.png)

Makasih, sangat bermanfaat buat belajar
BalasHapus