Belajar Dasar HTML Part 5 - Pengertian Tag, Attribut, dan Element Pada HTML

Sangat penting bagi kita untuk mengetahui pengertian Tag, Attribut, dan Element, sebagai menambah ilmu dan wawasan sebagai programmer mudah ataupun dewasa. Untuk itu kita langsung bahas saja lebih lanjut tentang artikel ini.

Pengertian Tag di HTML

Tag merupakan salah satu cara untuk memberitahukan web browser yang akan dijalankan atau diperintahkan mau itu perintah memunculkan teks, gambar, maupun video. Untuk menilis tag kita bisa tinggal membuat tag pembuka dan tag penutup, hampir semua tag di HTML ditulis secara berpasangan dan ada juga yang tidak memiliki pasangan seperti tag <hr> dan <br>. Penulisan tag berada diantara dua kurung siku “< dan >”. Di dalam tag memiliki objek yang dikenal sebagai perintah untuk menjalankannya di web browser. Objek itu bisa dimaksud berupa teks, gambar, link, video, atau yang lainnya. untuk lebih jelas memahami tag bisa kita lihat contohnya sebagai berikut:

<tag_pembuka> disinilah perintah objek kita <tag_penutup>

Berikut merupakan contoh penulisan tag di HTML

<h2> Sekolah Program </h2>

Pada contoh diatas kita menggunakan tag h2 yang berfungsi sebagai judul. <h2> merupakan tag pembuka sedangkan </h2> sebagai tag penutup. Perbedaan keduanya terletak pada tanda forward slash “/”. Sedangkan kalimat “Sekolah Program” merupakan objek yang diperintahkan oleh tag.

Pengertian Element di HTML

Element adalah suatu isi dari tag yang berada pada tag pembuka dan tag penutup, yang memiliki perintah setiap elementnya. Di element sendiri memiliki beberapa perintah misalnya untuk menampilkan format teks, membuat tabel, membuat list, dan lainya. Untuk lebih jelas tentang element lihat contoh sebagai berikut:

<p> ini merupakan element paragraf </p>

Bisa dilihat contoh diatas, merupakan contoh dari element p. untuk lebih mendalami cara menggunakan element kita bisa membuat garis miring (i) dan garis bawah (u). Silahkan kita lihat sebagai berikut:

<p> cara menggunakan <i>element</i> dengan <u>baik</u></p>

Untuk hasilnya bisa dilihat pada gambar dibawah ini, untuk element kita bisa membuat paragraf dengan teks seperti contoh diatas dengan syarat element tersebut merupakan format teks.

Pengertian Attribut di HTML

Attribut adalah informasi tambahan yang diberikan kepada tag dengan tujuan perintah yang akan ditampilkan di web browser. Informasi ini bisa berupa tempat tata letak paragraf, tabel, teks bergerak, warna, ukuran teks, dan masih banyak yang lainnya. untuk menulis Attribut kita harus memiliki pasangan nama dan nilai yang akan kita masukan, dan ditulis dengan (name=”nilai”). Untuk melihat penggunaan Attribut bisa lihat contoh dibawah ini:

<p align="center">Sekolah Program</p>

Pada contoh diatas yang merupakan attribut adalah align, sedangkan nilai adalah =”center”, untuk lebih jelas lagi kita bisa saja menampilkan gambar bisa kita lihat untuk contoh selanjutnya:

<img src="favicon.png" align="center">

Diatas kita juga membuat attribut align dan scr, ingat untuk menampilakan gambar masukan nilai dan juga format gambarnya juga mau itu format gif, png, dan jpeg misalnya. Di HTML memiliki banyak attribut akan tetapi hanya cocok untuk tag tertentu saja. Sebagai contoh diatas dimanaa attribut scr hanya digunakan dalam tag <img> saja dan ada beberapa tag yang lainnya.