HTML Elemen

Dokumen HTML didefinisikan oleh elemen HTML.



HTML Elements

Sebuah elemen HTML biasanya diawali dengan sebuah tag dan penutup tag:

 Tag Awal * Isi ElemenTag Akhir 
 <p> Ini adalah paragraf </p>
 <a href="default.htm" > Ini adalah link </a>
 <br/>  

 

* Tag awal sering disebut tag pembuka . Tag akhir sering disebut tag penutup.



Elemen HTML Sintaks

  • Sebuah elemen HTML dimulai dengan tag awal tag / membuka
  • Sebuah elemen HTML diakhiri dengan tag akhir tag / menutup
  • Isi elemen adalah segalanya antara awal dan tag akhir
  • Beberapa elemen HTML memiliki konten kosong
  • Elemen kosong ditutup pada tag awal
  • Sebagian besar elemen HTML dapat memiliki atribut

Tip : Anda akan belajar tentang atribut dalam bab berikutnya dari tutorial ini .



Nested (Bersarang) HTML Elements

Sebagian besar elemen HTML dapat bersarang ( dapat berisi elemen HTML lainnya) .


Dokumen HTML terdiri dari elemen HTML yang bersarang. Contoh HTML Dokumen


<html>
   <body>
     <p> Ini adalah paragraf pertama saya . </ p >
   < /body>
< / html >

Contoh di atas mengandung 3 elemen HTML .


Penjelasan

Sebuah <p> elemen :


  • <p> Ini adalah paragraf pertama saya . < / p >
  • Elemen <p> mendefinisikan sebuah paragraf dalam dokumen HTML .
  • Elemen ini memiliki tag <p> awal dan tag akhir < / p > .
  • Isi elemen adalah : Ini adalah paragraf pertama saya .


The <body> elemen :


<body>
     <p> Ini adalah paragraf pertama saya . </p>
</body>

  • Unsur <body> mendefinisikan tubuh dokumen HTML .
  • Elemen ini memiliki tag <body> awal dan tag akhir < / body> .
  • Isi elemen adalah elemen HTML lain ( elemen ap ) .


<html> Elemen :


<html>
<body>
<p> Ini adalah paragraf pertama saya . </p>
</body>
</html >

  • Unsur <html> mendefinisikan seluruh dokumen HTML .
  • Elemen ini memiliki tag awal <html> dan tag akhir < / html > .
  • Isi elemen adalah elemen HTML lain ( elemen body ) .


Jangan Lupakan Tag Akhir


Beberapa elemen HTML mungkin ditulis dengan benar namun jangan khawatir jika seandainya kamu lupa dengan tag penutup, browser akan mengecek secara otomastis :


  • <p> Ini adalah sebuah paragraf
  • <p> Ini adalah sebuah paragraf

Contoh di atas bekerja di hampir semua browser , karena tag penutup dianggap opsional .



Elemen HTML kosong

Elemen HTML tanpa konten disebut elemen kosong .

<br> merupakan elemen kosong tanpa tag penutup ( <br> tag mendefinisikan satu baris ) .

Tip : Dalam XHTML , semua elemen harus ditutup . Menambahkan slash di dalam tag awal , seperti <br /> , adalah cara yang tepat untuk menutup elemen kosong di XHTML ( dan XML ) .

HTML Tip : Gunakan huruf kecil pada Tags


Tag HTML tidak case sensitif : <P> berarti sama dengan <p> . Banyak situs web menggunakan tag HTML denganhuruf besar . 

 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda