HTML 5 SERIES #2 : Struktur HTML

HTML 5 SERIES #2 : Struktur HTML

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!#

  1. buka visual studio code.
  2. klik file>open folder>“arahkan ke folder misalkan document”
  3. kemudian setelah terbuka, klik file>new file
  4. tulis coding dibawah ini
  5. kemudian ctrl+s untuk save.
  6. tentukan nama file dan dibagian save as type pilih HTML dan klik Save
  7. 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

Tags: HTML SERIES
comments powered by Disqus