Belajar HTML Part 3 - Elemen-Elemen HTML

Elemen HTML
Elemen HTML merupakan elemen yang terdiri dari keseluruhan tag pembuka sampai ke tag penutup. Elemen HTML yang tidak memiliki konten atau isi disebut dengan elemen kosong. Pada penjelasan di bawah ini akan dijelaskan mengenai elemen kosong pada HTML.

Sebuah elemen HTML biasanya terdiri dari tag pembuka dan tag penutup, dengan konten yang dimasukkan di antara nama tag.

Cara penulisannya:

Contoh

<!DOCTYPE html>
<html>
<head>
<title>Title Halaman</title>
</head>
<body>

      <h1>Ini adalah heading 1</h1>
      <p>Ini adalah suatu teks.</p>

      <hr> //ini adalah garis horizontal

      <h2>Ini adalah heading 2</h2>
      <p>Ini adalah suatu teks.</p>

      <hr> //ini adalah garis horizontal

</body>
</html>

Penjelasan tag-tag pada elemen HTML
Elemen <html>

Elemen <html> mendefinisikan seluruh dokumen
Memiliki tag pembuka <html> dan tag penutup </html>
Konten adalah selain elemen HTML, seperti elemen <body> dan lain-lain

Elemen <body>

Elemen <body> mendefinisikan tubuh dokumen
Memiliki tag pembuka <body> tan tag penutup </body>
Elemen yang ada dalam konten adalah dua elemen HTML, yaitu <h1> dan <p>

Elemen <h1>

Elemen <h1> mendefinisikan heading
memiliki tag pembuka <h1> dan tag penutup </h1>
Konten terletak diantara <h1>...</h1>

Elemen <p>

Elemen <p> mendefinisikan paragraf
Memiliki tag pembuka <p> dan tag penutup </p>
Konten terletak diantara <p>...</p>

Elemen <hr>

Elemen <hr> mendefinisikan garis horizontal di halaman HTML, dan yang paling sering ditampilkan sebagai aturan untuk membuat garis horizontal.
Elemen <hr> digunakan untuk membuat garis horizontal yang fungsinya untuk memisahkan konten dalam sebuah halaman HTML.

Elemen berisi Elemen (Nested Elemen)

Semua dokumen HTML terdiri dari elemen yang berisi elemen
Contoh berikut berisi empat elemen HTML:

Contoh:

<!DOCTYPE html>
<html>
<body>

<h1>Heading</h1>
<p>Paragraf</p>

</body>
</html>

Jangan Lupa Tag Penutup

Beberapa elemen HTML akan ditampilkan dengan benar, bahkan jika Anda lupa menuliskan tag penutup. Contohnya pada tag <p> berikut:

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

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

Catatan: Jangan bergantung pada opsional ini. Mungkin saja bisa menghasilkan kesalahan jika Anda lupa tag penutup.

Elemen Kosong HTML

Elemen kosong yaitu elemen HTML yang tidak memiliki konten atau isi.
Elemen kosong biasanya tidak memiliki tag penutup, seperti pada elemen <br> dan <hr>
Tag <br> mendefinisikan satu baris dan tag <hr> mendefinisikan garis horizontal.
Elemen kosong bisa langsung "ditutup" dengan tanda / dalam tag pembuka seperti ini: </br>, tetapi untuk tag <hr> tidak perlu ditutup denan tanda /.
HTML5 tidak memerlukan elemen kosong harus ditutup. Tetapi jika Anda ingin membuat dokumen Anda dibaca oleh parser XML, Anda harus menutup semua elemen HTML dengan benar.

Gunakan huruf kecil pada Tag

Tag HTML sebenarnya tidak sensitif, seperti <P> berarti sama dengan <p>
Standanr HTML5 tidak mengharuskan menulis tag dengan menggunakan huruf kecil, tapi untuk menuliskan tag direkomendasikan dengan menggunakan huruf kecil.

Pada pembahasan ini, tidak semua elemen-elemen HTML di bahas sampai tuntas. Untuk mempelajarinya, kita akan temui selama serial berjalan pada Tutorial Belajar HTML ini.

Demikian pembahasan tentang Elemen-Elemen pada HTML.

Semoga bemanfaat!

Sumber: https://www.w3schools.com