Pengertian Tag, Elemen, Atribut HTML

Oleh Unknown

Jumat, 17 November 2017

Pengertian Tag HTML

Tag adalah bagian inti dari html, itulah mengapa html di sebut markup languange, karena berdasarkan pada penandaan setiap objek yang diapit antara tag, dari situlah browser akan mengenali perintah seperti apa output yang akan ditampilkan. Tag adalah teks khusus (perintah) antara dua karakter “<” dan “>” yang menjadi pembeda antara teks biasa agar dikenali browser untuk di terjemahkan kedalam sebuah bentuk visual berdasarkan perintah yang diberikan, biasanya sebuah tag ditulis secara berpasangan (tag pembuka dan tag penutup) tetapi ada tag tunggal yang tidak memerlukan penutup.

Sebagai contoh tag <haed>, tag ini berfungsi untuk memberikan informasi kepada browser tentang dokumen html, seluruh isi didalam tag head ini tidak akan menampilkan output ke layar monitor, sehingga tag ini wajib menggunakan penutup </head> agar dapat dibedakan antara informasi dokumen dan isi dokumen.

Berbeda dengan tag tunggal, dimana tag tunggal tidak memperlukan tag penutup, contohnya <hr> untuk mencetak garis luruh, <br /> untuk membuat baris baru, dan masih banyak lagi.

Pengertian Elemen HTML

Elemen adalah semua isi yang berada di dalam tag, diantara tag pembuka dan penutup, contoh dasarnya seperti ini <tag>Elemen</tag>. Sedangkan pada kasus lain ketika ingin mencetak teks tebal dan miring pada satu elemen dapat menambahkan kedua fungsi tersebut secara bersamaan, biasanya hal tersebut dapat dikatakan nested tag, hampir setiap elemen memiliki tag bersarang.

Penulisan elemen bersarang tidak boleh ditulis secara menyilang, tag penutup untuk elemen harus berdasarkan urutan awal tag pembuka, sehingga tidak saling tumpang tindih.

Contoh penulisan elemen bersarang yang benar.

<b>
    <i>
        Elemen
    </i>
</b>

Contoh penulisan susunan elemen yang salah.

<b>
    <i>
        Elemen
    </b>
</i>

Kebanyakan dokumen html ditulis secara bersarang sehingga dibutuhkan ketelitian agar tidak menimbulkan kesalahan dalam penulisan dokumen html.

Pengertian Atribut HTML

Atribut adalah informasi tambahan yang disisipkan pada tag, dimana informasi tersebut dapat berupa instruksi warna latar atau warna teks, ukuran panjang dan lebar, serta dapat berupa penamaan sebuah class dan id. Atribut dalam satu tag bisa lebih dari satu dan dipisahkan dengan menggunakan karakter kutip dua serta miliki penamaan dan nilai yang berbeda.

<tag nama-atribut="nilai-atribut"></tag>

Sebagai contoh pemberian warna latar dan warna teks pada elemen tag pembuka isi dokumen html.

<body bgcolor="red" text="white">
    <b>Contoh pemberian warna pada elemen</b>
</body>

Dari perintah di atas akan diterjemahkan oleh browser sebuah warna latar dokumen memiliki warna merah dan teks warna putih, contoh gambar seperti di bawah ini.

Tutorial Dasar HTML: Pengertian Tag, Elemen, dan Atribut

Untuk penulisan nama dan atribut sangat di sarankan dengan menggunakan huruf kecil, dan wajib teliti dalam memberikan tanda pemisah kutip dua.

Tag : HTML

Document Penting