HTML Tutorial

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

Elemen HTML

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

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

Contoh beberapa elemen HTML: Seperti itu seperti ini seperti ono

<h1> Judul Pertama Saya </h1>
</br>
<p> Paragraf pertama saya. </p>
Start tagElement contentEnd tag
<h1>My First Heading</h1>
<br>nonenone
<p>My first paragraph.</p>

Elemen HTML Bersarang

Elemen HTML dapat bersarang (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>):

<!DOCTYPE html>
<html>
<body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
</body>
</html>
Try it

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

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

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

<body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
</body>

Elemen <body> mendefinisikan tubuh dokumen.

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

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

<h1>My First Heading</h1>
<p>My first paragraph.</p>

Elemen <h1> mendefinisikan heading.

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

<h1>My First Heading</h1>

Elemen <p> mendefinisikan paragraf.

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

<p>My first paragraph.</p>

Jangan Lewati Tag Akhir

Beberapa elemen HTML akan ditampilkan dengan benar, bahkan jika Anda lupa tag akhir:

<html>
<body>


<p>This is a paragraph
<p>This is a paragraph


</body>
</html>
Try it

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

Elemen HTML Kosong

Elemen HTML tanpa konten disebut elemen kosong.

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

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

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.