Pengenalan Dasar Html (Part #2) (Tag, Element, Atribut)

 


Sekarang kita masuk ke part ke 2, dimana kita akan belajar tentang tag, element, dan atribut, apa itu tag? apa itu element? apa itu atribut? mari kita bahas.

Apa itu tag?

Tag adalah penanda awalan dan akhir dari sebuah element, sebelumnya kita sedikit menyinggung tentang tag <title>, <body>, <p> seperti itu lah yang di maksud dengan tag.

Tag selalu memiliki pembuka dan penutup, di setiap tutup dari tag harus di tandai dengan garis miring (/), contoh: <p> Hallo World </p>.

Setiap tag memiliki fungsi dan kegunaannya masing - masing, Html memiliki kurang lebih 250 tag, apa saja tag - tag tersebut?


Tag - Tag Html

Tag Fungsi
<h1> - <h6> Untuk membuat judul besar sampai judul kecil
<p> Untuk membuat paragraph
<hr> Untuk membuat garis pembatas
<br> Untuk membuat garis baru
<a> Untuk membuat hyperlink / link
<img> Untuk menampilkan gambar
<div> Untuk menentukan divisi / bagian - bagian dalam dokumen html
Ini adalah tag html yang sering di gunakan, dan masih banyak lagi tag - tag html lain-nya

Tips:

Pastikan menutup tag dengan benar, sesuaikan urutan pembuka dan penutup!

<b><i><u>Perhatikan warna tag</u></i></b>

Apa itu element?

Element adalah keseluruahan komponen yang disusun di dokument html,  element terdiri dari pembukaan, isi, penutup, terkadang element disusupkan sebuat atribut.

Contoh Element:

<h1 align="center">Hallo Team</h1>
Penjelasan:

Ditandai sebagai pembuka dan penutup
Ditandai sebagai nama atribut
Ditandai sebagai nilai atribut
Ditandai sebagai isi



Apa Itu Atribut?

Atribut bisa dibaratkan sebuah kustomisasi dari element yang di letakan hanya di tag pembuka, atribut biasa di sebut dengan modifier.

Atribut biasanya hanya menjadi tambahan untuk kustomisasi pada element html, tetapi ada beberapa tag yang mewajibkan memakai atribut di dalamnya, yaitu: <a>, <img>, <vidio>, dll.

Contoh penggunaan atribut:

<a href="www.cybertrick.me">Cybertrick.me</a>

Penutup

Sekian untuk part #2, mari lanjutkan ke part #3