Belajar HTML Part 4 – Elemen-Elemen di HTML [Lengkap]

CoretanKode – Pada kesempatan ini kita masih akan melanjutkan membahas tentang Belajar HTML dan sekarang sudah di part 4 dimana kita akan membahas tentang Elemen-Elemen yang ada pada sebuah dokumen HTML.

Artikel Menarik Lainnya :

Jadi secara singkat elemen pada sebuah halaman HTML itu merupakan segala sesuatu yang terdapat pada dokumen HTML yang di definisikan oleh tag pembuka, isi konten dan tag penutup.

Nah jadi TAG hingga isi Konten memanglah termasuk sebagai element dari dokumen HTML loh. Jadi jangan anggap Konten bukan termasuk elemen pada dokumen HTML yah.

Isi tampilkan

Elemen pada HTML

Yang disebut dengan elemen pada dokumen HTML adalah segala sesuatu yang berada pada tag pembuka hingga penutup tag. Contohnya seperti ini:

<namatag> isi konten </namatag>

Jadi satu line kode itu bisa disebut sebagai satu buah elemen karena berisikan tag pembuka dan penutup.

Tag Pembuka	Konten Elemen	Tag Penutup
<h1>	CoretanKode	</h1>
<p>	CoretanKode Paragraf	</p>
<br>	Tidak ada	Tidak ada

Nah pada tag <br> yang merupakan empty element tidak mempunyai konten elemen dan juga penutup bisa hanya dituliskan tag pembuka saja.

Elemen kosong tidak memerlukan tag penutup loh yah !

Elemen HTML Bersarang (Nested HTML Elements)

Elemen pada dokumen HTML juga dapat bersifat Bersarang alias Nested, dimana sebuah elemen HTML dapat diletakkan di dalam elemen HTML yang lain.

READ : Membuat CMS Blogging (Part 4) - CRUD Gambar dan File Laravel 8

Semua Dokumen HTML dapat di buat Nested HTML, contohnya ada dibawah ini dimana terdapat 4 elemen tergabung menjadi sebuah dokumen HTML:

<!DOCTYPE html>

<html>

<body>

<h1>CoretanKode</h1>

<p>Paragraf satu.</p>

</body>

</html>

Dari source code diatas dapat kalian lihat bahwa di dalam elemen root yakni <HTML> terdapat elemen lain seperti <body>, <h1> dan <p> di dalam elemen root tersebut.

Oleh karena itu Source Code diatas bersifat Nested alias Bersarang, bukan hanya elemen root yang bersifat bersarang tetapi elemen body juga bersarang dimana didalam elemen <body> terdapat elemen Heading dan juga Paragraf.

Jangan Lupa Menutup TAG di HTML

Jangan pernah kalian melupakan menutup TAG pada dokumen HTML kalian, memanglah pesan error tidak akan muncul pada proses pembuatan halaman web dengan HTML tetapi bila kalian lupa menutup TAG maka kalian akan melihat hasil HTML yang tidak sesuai dengan harapan kalian.

Seperti contohnya:

<html>

<body>

<p>CoretanKode

<p>Paragraf 2

</body>

</html>

Coba kalian save source code HTML diatas dan lihat hasilnya. Oleh karena itu jangan pernah lupa yah menutup TAG pada dokumen HTML kalian yah, karena error berupa tampilan yang tidak sesuai harapan kalian bisa saja muncul loh.

Elemen Kosong di HTML

Materi Belajar HTML berikutnya adalah mengenal yang disebut juga dengan HTML kosong. Elemen kosong merupakan sebuah TAG yang tidak mempunyai konten.

Contoh elemen kosong adalah tag <br> contoh penulisan tag breakline seperti berikut:

<p>Sebuah paragraf <br> yang langsung kena efek seperti di enter.</p>

HTML itu Tidak Bersifat Case Sensitive

Sebuah dokumen HTML berisikan tag-tag yang bersifat tidak case sensitive alias baik kalian menuliskan sebuah tag dengan huruf capital <P> atau huruf kecil <p> tetap memberikan efek yang sama kok pada tampilan hasil Web Page kalian.

READ : Cara Membuat dan Tips Menggunakan PBN untuk SEO

Sangat direkomendasikan pada saat kalian menuliskan sebuah tag cukup membiasakan diri menulisnya dengan huruf kecil saja agar kodingan kalian lebih cepat lagi karena hemat waktu tidak menekan tombol capslock setiap saat.

Elemen Penting pada HTML

Setelah kalian mengetahui tentang apa itu elemen dan beberapa hal terkait HTML lainnya dari studi di postingan ini dan sebelumnya maka sekarang admin akan membahas tentang elemen-elemen apa saja yang penting pada sebuah dokumen HTML.

Berikut ini adalah tag atau elemen yang penting ada di dokumen HTML:

Tag Root <html>
Tag Head <head>
Tag Titlle <title>
Tag Body <body>
Tag Heading <h1> sampai <h6>
Tag Paragraf <p>

Dengan mengetahui cara penggunaan dari tag-tag diatas seharus-nya kalian sudah bisa membuat sebuah halaman web HTML sederhana nih. Selanjutnya kita akan belajar HTML tentang atribut pada html di part selanjutnya dibawah ini.

Bila kalian belum membaca part sebelumnya silahkan klik dibawah ini:

Nah jadi itulah yang dapat admin sampaikan pada postingan Belajar HTML part 4: Elemen pada HTML semoga bermanfaat dan jangan lupa simak part lainnya hanya di coretankode yah. Terima kasih telah berkunjung dan Assalamualaikum Warahmatullahi Wabarakatu.

Originally posted 2021-11-10 16:31:40.