Tag, elemen, dan atribut, marupakan tiga hal dasar yang harus anda pahami saat belajar HTML. Karena tiga hal dasar tersebut yang membentuk dokumen HTML. Mari kita bahas, satu persatu.
Apa itu tag?
Tag, bisa kita katakan sebagai sebuah penanda. Penanda awalan dan akhiran sebuah elemen. Tag diapit dengan kurung siku (<…> ). Contoh:<p>, </a>, <body>, <head>, dan sebagainya. Tag HTML terdiri dari tag pembuka dan tag penutup. Tag penutup, cirinya ada garis miring didepan nama tag, contoh: </p>, </i>, </div>, dsb. Sedangkan tag pembuka tidak memiliki garis miring. Jadi, pasangan tag pembuka dan tag penutup akan membentuk suatu elemen.
Jangan lupa untuk selalu menutup tag HTML. Meskipun ada juga tag HTML yang tidak memiliki pasangan seperti
<hr>, <br>, <img>, <link>, <input> dsb. Namun, kita bisa menutupnya dengan menambahkan garis miring setelah nama tag, contoh: <hr/>, <br/>, <img/>, <link/>, dsb. Walaupun tampa garis miring, tag tersebut tetap valid, tapi tidak dalam XHTML (XML + HTML).Apa itu elemen?
Kode HTML dari tag pembuka sampai dengan tag penutup, disebut satu elemen. Elemen HTML dapat dibuat bersarang (nested). Artinya, elemen dapat berada di dalam elemen. Contoh:<head>
<title>Petani Kode</title>
</head>Bila elemen digambarkan dalam bentuk persegi, maka akan terlihat seperti gambar berikut ini:
Apa itu atribut?
Atribut adalah bagian dari elemen yang melengkapi elemen tersebut. Bila diibaratkan seperti seragam sekolah, atributnya adalah dasi, ikat pinggang, topi, papan nama, dan sebagainya. Atribut tersebut memiliki ciri-ciri atau nilai. Misalnya, ikat pinggang berwarna hitam, dasi berwarna biru, warna seragam putih, dan sebagainya. Begitu juga dengan atribut di HTML. Atribut dapat kita buat dalam elemen manapun. Letak penulisan atribut berada di dalam tag pembuka. Format penulisannyanama-atribut=“nilainya”. Nilai atribut dapat anda apit dengan petik ganda maupun tunggal. Contoh:<a href='http://cyber4teams.blogspot.com'>Cyber4Team</a>href. Atribut href berfungsi untuk menentukan alamat link pada elemen a (hyperlink).
0 Komentar