TAG TAG DASAR PADA HTML
Pengertian Tag, Element dan Atribut dalam HTML
1. Pengertian Tag
Sebagai sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser untuk apa fungsi sebuah text. Apakah text itu ditulis sebagai sebuah paragraf, list, atau sebagai link. Dalam HTML, tanda ini dikenal dengan istilah tag.
Hampir semua tag di dalam HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup. Objek disini dapat berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku: “<”dan “>”.
Berikut adalah format dasar penulisan tag HTML:
<tag_pembuka>objek yang dikenai perintah tag</tag_penutup>
2. Pengertian Element
Element adalah isi dari tag yang berada diantara tag pembuka dan tag penutup, termasuk tag itu sendiri dan atribut yang dimilikinya (jika ada). Sebagai contoh perhatikan kode HTML berikut:
<p> Ini adalah sebuah paragraf </p>
Pada contoh diatas, “<p>Ini adalah sebuah paragraf</p>” merupakan element p.
3. Pengertian Atribut
Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dll. Setiap atribut memiliki pasangan nama dan nilai (value) yang ditulis dengan name=”value”. Value diapit tanda kutip, boleh menggunakan tanda kutip satu (‘) atau dua (“).
Contoh kode HTML:
<a href="https://www.duniailkom.com">ini adalah sebuah link</a>
Pada kode HTML diatas, href=”https://www.duniailkom.com” adalah atribut. href merupakan nama dari atribut, dan https://www.duniailkom.com adalah value atau nilai dari atribut tersebut.
Dalam HTML ada banyak tag tag dasar yang perlu untuk diketahui, salah satu yang akan di bahas di bawah adalah TAG BODY pada HTML.
TAG BODY PADA HTML
Tag Body adalah tag yang berisi isi dari document yang diletakkan diantaranya. Dalam bentuk yang paling sederhana memiliki format sebagai berikut :
<BODY> </BODY>
Tetapi sebenarnya format tag Body lebih kompleks lagi, karena beberapa setting dokumen didalam tag Body ini. Misalnya seperti berikut :
<BODY BGCOLOR=white TEXT=black
LINK=blue ALINK=green VLINK=red>
</BODY>
Diperlihatkan di contoh, bahwa tag Body memiliki setting tambahan berupa atribut dan value, dengan format sebagai berikut :
<ELEMENT ATTRIBUTE=value>
Jadi kalau kita lihat kembali contoh diatas maka, tag Body adalah elemen, sementara BGCOLOR, TEXT, LINK, ALINK dan VLINK adalah atribut. white, black, blue, green dan red adalah value.
Kesimpulannya, tag menjelaskan arti elemen secara umum sedangkan atribut menjelaskan lebih detail. Berikut beberapa atribut dasar yang perlu diketahui.
BGCOLOR=white
Atribut ini menjelaskan warna background untuk seluruh dokumen. Warna putih (white) dapat diganti dengan red, blue, green, black atau warna yang lain. Bisa juga menggunakan color code yang akan dibahas kemudian.
TEXT=black
Atribut ini mengatur warna teks di halaman web dan warna hitam (black) juga bisa digantikan dengan warna lain.
LINK=blue
Ini adalah warna hyperlink sebelum di-click. Sebaiknya memang warna hyperlink berbeda dengan warna teks untuk memudahkan pengguna.
ALINK=purple
Atribut ini mengeset warna link saat akan di-click (didekati dengan mouse).
VLINK=red
Atribut ini mengeset warna link setelah sebuah link dikunjungi.
Background pada Tag Body
Salah satu atribut penting di tag Body adalah BACKGROUND. Atribut ini berfungsi untuk memberikan tampilan latar belakang sebuah gambar dan atribut ini akan menimpa atribut BGCOLOR. Untuk dapat menggunakannya kita harus tahu dimanakah letak file gambar yang akan kita gunakan. Untuk lebih jelasnya amati contoh berikut :
<BODY BGCOLOR=white TEXT=black
LINK=blue ALINK=green VLINK=red
BACKGROUND="/~webs/images/wall1.jpg">
</BODY>
Mantap
BalasHapus