ELEMEN HTML

Diposting oleh pada tanggal

Elemen HTML




Elemen HTML ditentukan oleh tag awal, beberapa konten, dan tag akhir.

Elemen HTML



Elemen HTML adalah segalanya mulai dari tag awal hingga tag akhir:

<tagname> Konten ditempatkan di sini ... </tagname>

Contoh beberapa elemen HTML:



    
<h1>  Judul Pertama Saya </h1>


    <p> Paragraf pertama saya. </p>

























Tag Awal Konten Elemen Tag Akhir
< h1 >Heading Pertama Saya< / h1 >
<p>Paragraf pertama saya.</p>
<br>tidak adatidak ada



Catatan: Beberapa elemen HTML tidak memiliki konten (seperti elemen <br>). Elemen-elemen ini disebut elemen kosong. Elemen kosong tidak memiliki tag akhir!

Elemen HTML Bersarang



Elemen HTML dapat disarangkan (ini berarti elemen dapat berisi elemen lain).

Semua dokumen HTML terdiri dari elemen HTML bersarang.

Contoh berikut berisi empat elemen HTML (<html>, <body>, <h1> dan <p>):
Contoh

 
    

<!DOCTYPE html>

    <html>
<body>


    <h1>Judul Pertama Saya </h1>

    <p> Paragraf pertama saya. </p>


    </body>

    </html>





Penjelasan:
<html> elemen adalah elemen root dan mendefinisikan seluruh dokumen HTML.

Ini memiliki tag awal <html> dan tag akhir </html>.

Kemudian, di dalam <html> elemen ada elemen <body> :

 


    <body>


    <h1> Judul Pertama Saya </h1>

    <p> Paragraf pertama saya. </p>


    </body>



<body> elemen mendefinisikan badan dokumen.

Ini memiliki tag awal <body> dan tag akhir </body>.

Kemudian, di dalam elemen < body > ada dua elemen lainnya: <h1> dan
<p>: 

 


    <h1> Judul Pertama Saya </h1>

    <p> Paragraf pertama saya. </p>




Elemen <h1> mendefinisikan sebuah heading.

Ini memiliki tag awal <h1> dan tag akhir </h1>:

 

<h1> Judul Pertama Saya </h1>



Elemen <p> mendefinisikan paragraf.

Ini memiliki tag awal <p> dan tag akhir </p>:

 
<p> Paragraf pertama saya. </p>



Jangan Pernah Lewati Tag Akhir

Beberapa elemen HTML akan ditampilkan dengan benar, meskipun Anda lupa tag akhir:
Contoh

 


    <html>

    <body>


    <p> Ini adalah paragraf

    <p> Ini adalah paragraf


    </body>

    </html>



Namun, jangan pernah mengandalkan ini! Hasil dan kesalahan yang tidak diharapkan dapat terjadi jika Anda lupa tag akhir!

Elemen HTML Kosong



Elemen HTML tanpa konten disebut elemen kosong.

<br> tag mendefinisikan jeda baris, dan merupakan elemen kosong tanpa tag penutup:

 
  
    <p>This is a <br> paragraph with a line break.</p>


HTML Tidak Peka Huruf Besar-Kecil



Tag HTML tidak peka huruf besar kecil: <P> artinya sama dengan <p>.

Standar HTML tidak memerlukan tag huruf kecil, tetapi W3C merekomendasikan huruf kecil dalam HTML, dan menuntut huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.

Referensi: w3school

Komentar

Posting Komentar