Ayam Koding

Belajar Algoritme & Pemrograman

Penggunaan Elemen HTML

Updated on 2016-12-31

Penggunaan elemen dari suatu HTML dimulai dengan sebuah tag. Jika elemen tersebut berisi konten maka digunakan akhiran dengan penutup tag. Sebagai contoh dimulai dengan tag <p>, terdapat konten dan diakhiri dengan tag </p>.

Disini <p>… </p> merupakan sebuah elemen HTML, <h1>… </h1> juga merupakan elemen HTML. Terdapat beberapa elemen HTML yang tidak memerlukan tag penutup, seperti <img… />, <hr />, dan <br /> yang hanya berupa garis slash. Penggunaan elemen HTML seperti ini disebut dengan void elements.

HTML Tags dan Element

Sebuah elemen dari HTML didefinisikan dengan pembuka tag. Jika sebuah elemen berisi konten lain, maka akan diakhiri dengan penutup tag.

Sebagai contoh, <p> adalah tag pembuka dari sebuah paragraf dan </p> adalah tag penutup dari paragraf. Akan tetapi <p>Ini paragraf</p> adalah sebuah elemen paragraf.

Nested HTML Element

Ada suatu kondisi ketika kita menempatkan satu elemen HTML didalam sebuah elemen HTML lainya. Hal ini bisa dilakukan dengan menyisipkan elemen HTML secara langsung.

Contoh Nested HTML Element

<!DOCTYPE html>
<html>
    <head>
        <title>Contoh Nested Elements</title>
    </head>
    <body>
        <h1>Tulisan <i>miring (italic) </i>  dan heading</h1>
        <p>Tulisan <u>garis bawah (underlined)</u> dari sebuah paragraf</p>
    </body>
</html>

Hasil Tutorial Pemrograman HTML (Element)
Tutorial Pemrograman HTML (Element)

Penjelasan
1. Pada bagian elemen Heading 1 <h1> terdapat didalamnya sebuah elemen lain yakni elemen italic. Sehingga akan memberikan hasil tulisan miring dalam sebuah Heading.
2. Terdapat sebuah elemen underline dalam elemen paragraf, sehingga akan membuat tulisan garis bawah dalam sebuah paragraf.

Demikian tutorial mengenai penggunaan elemen HTML yang bagus untuk belajar pengembangan website. Semoga berguna dan bermanfaat untuk anda, terima kasih.