Tutorial HTML Pemula Part-02 : Apa itu tag, atribute dan elemen? yuk kita bahas!

|

belajar teori mulu kapan ngoding htmlnya si?

sabar ya, pasti semangat temen-temen sudah membara 🔥 untuk belajar html wkwk, tetapi ada beberapa hal yang harus dipahami untuk memulai belajar html.

jika temen-temen ditanya oleh teman ataupun dosen, jadi temen-temen tau apa yang temen-temen koding.

itu gunanya belajar teori, jangan asal ngoding aja secara fungsional paham tetapi pengertian gapaham.

pelajari konsepnya maka temen-temen akan lebih mudah dalam proses belajar, jangan malah menghapal cyntax 😓

oke bahasan kita kali ini melingkupi tiga hal yaitu
✅ apa itu elemen?
✅ apa itu atribute?
✅ apa itu tag?

lets go kita bahas!💨

Pengertian TAG

Tag merupakan bagian yang sangat penting didalam HTML mengapa demikian sebegitu penting dikarnakan HTML itu sendiri merupakan sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu kepada browser untuk mengenali printah yang akan ditampilkan atau dioutputkan.

Hampir semua tag ditulis secara berpasangan tetapi ada juga tag tunggal yaitu tag yang tidak memerlukan penutup, yaitu dengan tag pembuka dengan simbol < dan tag penutup dengan simbol >.

contoh format penulisan tag:

<tag_pembuka> ini adalah tag </tag_penutup>

contoh penerapan tag :

<i> ini adalah tulisan italic </i>

jika dibrowser maka hasilnya akan seperti ini :

Ini tulisan italic

didalam kasus diatas pasti temen-temen sudah mengerti mana itu tag pembuka dan tag penutup.

• <b> : ini adalah tag pembuka
• </b > : ini adalah tag penutup
• Konten : ini adalah tulisan italic

JUST INFO : Tidak semua tag didalam html memerlukan penutup ada beberapa tag yang tidak memerlukan penutup diantaranya <br> <hr> <img> dan lain lain.

Pengertian ELEMEN HTML

Elemen merupakan kesatuan atau gabungan dari satu block kode mulai dari tag pembuka sampai tag penutup biasanya didalannya terdapat atribute juga.

Elemen HTML bisa dibuat bersarang atau bahasa kerennya nested HTML.

Nested HTML adalah sebuah 1 elemen mempunyai beberapa elemen didalamnya, paham? atau pusing? wkwk oke oke gue contohin aja ya.

contoh nested elemen :

<ul><li> <b> ini adalah list dengan huruf tebal <b> </li></ul>

Pengertian Atribute HTML

Atribute merupakan bagian dari elemen html, dengan menggunakan atribute kita dapat mengatur karakteristik dari suatu elemen seperti untuk merubah warna latar atau warna teks, ukuran panjang dan lebar, serta dapat berupa penamaan sebuah class dan id, letak dari atribute berada didalam tag pembuka.

contoh letak dati atribute

<p nama-atribute="nilai-atribute"> ini adalah paragraf </p>

contoh penggunaan atribute

<p align="center" > ini adalah paragraf </p>

hasil dibrowser akan seperti ini :

ini adalah paragraf

penjelasan : fungsi dari atribute align untuk membuat text berada ditengah tengah.

Komentar

seperti bahasa pemrograman lainnya, html juga terdapat komentar untuk menjelaskan bagian bagian dari isi dokumen atau hanya sebagai pengingat apa yang sedang kita koding.

<!-- ini merupakan komentar -->

cara cepat untuk melakukan sebuah komentar ialah temen-temen bisa tekan klik kiri ke tulisan yang ingin dikomentar setelah terblock lalu kombinasikan dengan ctrl+/ maka tulisan temen-temen akan komentar semua.