TUTORIAL HTML PART 2 : “MENGENAL TAG, ATRIBUT, ELEMENT PADA HTML”

Assalamu'alaikum wr.wb

Pendahuluan

Alhamdullilah author masih bisa melanjutkan TUTORIAL HTML ke Part 2 mengenai Tag, Atribut, dan Element , Setelah sebelumnya kita membahas tentang Pengenalan HTML, Text Editor. kini kita akan memasuki tutorial pengenalan dan penggunaan Tag, Element dan Atribut dalam HTML. Ketiga unsur pembahasan ini merupakan dasar dalam penulisan kode HTML atau dasar dari seluruh tampilan halaman web yang ada di internet.

Pengertian
Sebagai sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser untuk apa fungsi sebuah text . Apakah text tersebut akan ditulis sebagai paragraf, list, link, menebalkan huruf dlsb. Hampir semua tag di HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup , dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup. Penulisan tag pembuka ialah <> sedangkan tag penutup menggunakan slash setelah kurung lancip buka </> .
Alat & Bahan

1 Unit PC / Laptop
Text Editor

Pembahasan

TAG

Tag merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web browser. baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penulisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang di maksudkan berada diantara pembuka dan penutup tag. Berikut penulisan tag yang digunakan dalam HTML.

Perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka di awali oleh pembuka kurung lancip pembuka dan di akhiri penutup kurung lancip penutup ( <> ), sedangkan tag penutup di awali dengan pembuka kurung lancip, backslash, dan di akhiri penutup kurung lancip ( </> ).

Berikut ini contoh beberapa jenis tag yang sering teman” jumpai di website – website tentang programming :

Tag Fungsi

<!-….-> Digunakan untuk memberi sebuah komentar atau keterangan <!DOCTYPE html> Digunakan untuk Mendefinisikan tipe document HTML5<a>link</a> Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain (membuat link). <b>..</b> Untuk mempertebal tulisan <p>..</p> Untuk membuat paragraf <h1>..</h1> Untuk membuat heading 1 dan tulisan agak besar <h2>..</h2> Untuk membuat heading 2 dan tulisan agak kecil dari h1 <body> Mendefinisikan body / isi dari dokumen html <head> Mendefinisikan bagian kepala HTML<title> Memberikan judul pada halaman web <link> Mendefinisikan hubungan antar dokumen <script> Mendefinisikan client-side script <table> Mendefinisikan table <th> Mendefinisikan sel header di dalam sebuah table <td> Mendefinisikan sel di dalam sebuah tabel <tr> Mendefinisikan baris di dalam sebuah tabel <ul> Mendefinisikan daftar dalam format bullet <li> Mendefinisikan list

ELEMENT

Element pada HTML merupakan isi atau objek yang berada pada tag, maksudnya, isi yang terdapat diantara tag pembuka dan tag penutup di sebut elemen misalnya :

pada contoh diatas <h2> adalah heading dua <h2> merupakan element h2 dan isinya ini adalah heading dua. dalam element ini bisa berupa text ataupun tag lain misalnya <link> dan sebagainya.

ATRIBUT

Atribut menurut saya hampir sama dg CSS namun di dalam tag, Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka, informasi ini bisa berupa instruksi untuk memberikan / menambahkan efek warna, ketebalan huruf, dll. Atribut biasanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis dengan (name:”value”) penulisannya diapit oleh dua tanda kutip (bisa menggunakan kutip satu maupun kutip dua).

Penulisan atribut pada HTML diawali dengan penulisan tag, didalam tag berikan atribut dan elemen dari tag itu sendiri ini dia contoh atribut pada HTML :

Perhatikan pada syntax di atas :

<h2> adalah tag heading 2 yang huruf nya lebih kecil dari h1
align merupakan nama atribut
center merupakan nilai / value dari atribut
“Pengenalan atribut HTML” adalah element dari tag h2

Tidak semua tag ini membutuhkan atribut di dalamnya, namun bagi anda yang bergelut di web programing akan sering menjumpai tag yang didalamnya terdapat atribut.

Kesimpulan

Jadi apa yang saya sharing dari atas sampai kebawah intinya, Tag sebagai tanda pengenal agar dapat di baca oleh sistem HTML, Element isi atau objek yang berada di antara tag. Atribut merupakan tag informasi yang gunanya menambahkan dan memberi instruksi untuk memberikan warna, dll.

Refrensi

https://id.wikipedia.org/wiki/HTML

Penutup

Cukup sekian yang dapat saya share pada hari ini semoga dapat bermanfa'at buat semuanya.