halo Sobat digitalkode, bagi kalian yg tadi baru aja install VSC di tutorial sebelumnya, sekarang saatnya berperang di medan sebenarnya 😈
Langsung gas to the point :
HTML itu punya Struktur yang wajib hukumnya untuk diterapin, sintaksis HTML seperti berikut :
<tagname> isi </tagname>
tagname adalah jenis tag yg harus ditampilkan oleh si browser, seperti
<h1> untuk heading 1 </h1>
<p> untuk paragraf </p>
jangan lupa, tag HTML harus ada pembuka dan ada penutupnya juga “</>”
let’s ngoding!#
- buka visual studio code.
- klik file>open folder>“arahkan ke folder misalkan document”
- kemudian setelah terbuka, klik file>new file
- tulis coding dibawah ini
- kemudian ctrl+s untuk save.
- tentukan nama file dan dibagian save as type pilih HTML dan klik Save
- buka direktori tempat kalian simpan coding tadi dan buka dengan chrome
<!DOCTYPE html>
<html>
<head>
<title>my First website</title>
</head>
<body>
<h1>Hello HTML</h1>
</body>
</html>
Penjelasan Perbaris :
- 1 : tag pertama berisi info kepada browser bahwa codingan ini diisi oleh HTML Versi 5
- 2 : tag HTML dibuka
- 3,6 : didalaman tag HTML terdapat Head dan Body.
- 4 : memberi judul dokumen, akan ditampilkan dibagian tab browser
- 7 : didalam tag body berisi h1, yaitu judul heading
- 5,8 : penutup dari tag head dan body
- 9 : penutup dari HTML
Jika Sudah maka kalian akan menemukan halaman seperti ini :
Selamat! Anda telah mempelajari dan mempraktekan struktur HTML!
Sekian Pembahasan kali ini, mimin ucapkan terimakasih!
#keepLearning_keepNgoding
