HTML – Tag, Elemen, Atribut

Tag HTML

Tag Elemen Atribut pada html merupakan sebuah istilah dasar dalam HTML. Tag HTML digunakan untuk menandai (mark-up) elemen HTML. Tag merupakan sebuah fungsi untuk membaca sebuah text pada browser. Seperti diceritakan sebelumnya, HTML adalah bahasa markup dan memanfaatkan berbagai tag untuk memformat konten.

Tag HTML berada di antara dua karakter penanda berikut ‘<‘ dan ‘>’. Karakter penanda itu disebut dengan tanda kurung siku. Sehingga tag  tertutup dalam sudut kurung <Nama Tag>. Tag HTML umumnya selalu berpasangan seperti <b> dan </b>. Tag pertama adalah tag pembuka, dan tag kedua adalah tag penutup.Tag pembuka adalah nama yang dilingkupi oleh tanda kurung siku: <h1>. Tag penutup adalah tanda garis miring dan nama yang dilingkupi oleh tanda kurung siku </h1>. Sebagian besar tag pembuka, memiliki tag penutup yang sama dengan tag pembuka. Misalnya tag pembuka <html> memiliki tag penutupan </ html> dan  tag pembuka <body> memiliki tag penutup </ body>, dll. namun ada beberapa tag yang tidak memiliki pasangan tag penutup yang juga disebut sebagai ‘empty element‘ dan dapat berjalan tanpa berpasangan. contoh tag tanpa tag penutup adalah <br>, <input>, <img>.

Tag paragaraf <p> dapat berjalan tanpa tag penutup di banyak browser karena penutup dari elemen dianggap sebagai opsional, tetapi sebaiknya hal ini jangan anda biasakan sebab banyak elemen-elemen HTML yang bisa mengakibatkan error bila tidak terdapat tag penutup di dalamnya. Tag HTML tidaklah case sensitive, jadi tidak akan bermasalah meskipun anda menuliskannya dengan huruf  besar maupun kecil,<b> memiliki arti yang sama dengan <B>, akan tetapi kami sarankan agar anda menggunakan lowercase / huruf kecil sebab World Wide Web Consorsium (W3C) menyarankan agar menggunakan lowercase untuk setiap elemen HTML 4 dan mengharuskan menggunakannya pada XML

Elemen HTML

Elements HTML sering disamakan dengan  tags HTML meskipun keduanya hampir sama akan tetapi pada dasarnya mereka berbeda.  Elements HTML adalah semua bagian dari dimulainya sebuah tag hingga penutup dari tag, termasuk didalamnya tag (tag pembuka dan tag penutup) tersebut. Sebuah elemen terdiri dari tiga buah bagian penting yaitu Tag pembuka, Isi elemen,  Tag penutup. Setiap tag HTML memiliki sebuah nama elemen (body, h1, p, br). Teks di antara kedua tag tersebut disebut isi elemen. Isi elemen HTML  berada diantara tag pembuka dan tag penutup. Elemen HTML tidak hanya berisi text saja tetapi bisa juga berisi elemen lain. Ada Beberapa elemen HTML tidak memiliki isi elemen dan tidak memiliki tag penutup , seperti <img … />, <hr /> dan <br />. hal ini sering disebut sebagai ‘empty element’  atau “void elements”.

Ketika anda membuka sebuah halaman web dan anda melihat semua yang ada di hadapan anda, mulai dari sebuah paragraf, banner dan link-link navigasi, itulah elemen-elemen dari sebuah halaman web. dokumen HTML terdiri dari pohon elemen dan mereka menentukan bagaimana dokumen HTML harus dibangun, dan apa jenis konten harus ditempatkan di bagian mana dari dokumen HTML. Satu halaman sebuah web bisa mengandung ratusan hingga ribuan elemen HTML. Nested HTML adalah sebuah elemen yang berada di dalam elemen HTML lainnya.

Atribut HTML

Tag HTML  juga dapat memiliki atribut. Atribut merupakan informasi tambahan yang diletakan di tag pembuka. Atribut digunakan untuk mendefinisikan karakteristik dari elemen HTML dan ditempatkan di dalam tag pembuka elemen. Semua atribut yang terdiri dari dua bagian yaitu nama dan nilai. Nama adalah sesuatu yg akan diatur. Misalnya, pada elemen paragraf terdapat atribut align , yang berfungsi untuk menunjukkan pemerataan tulisan pada halaman. Nilai adalah bagaimana cara pengaturan yang akan ditetapkan dan selalu ditempatkan dalam kutipan. Contoh di bawah ini menunjukkan kemungkinan nilai dari atribut align: “left”, “center”, “right”, dan “justify”. Nilai dari atribut harus selalu di isikan dengan tanda petik, mis align=”center”. Memakai tanda satu petik ‘ maupun tanda dua petik ” tidak menyebabkan suatu masalah. Pada sebuah situasi yang langka,ketika isi dari atribut itu sendiri memiliki tanda petik maka petik terluar bisa di isi dengan satu petik dan nested/dalamnya bisa di isi dengan tanda dua petik dan sebaliknya, misal value = ‘ berbagi ” rahasia” ‘ .
Nama Atribut dan nilai atribut bersifat case-sensitive. Namun, World Wide Web Consortium (W3C) merekomendasikan atribut dengan huruf kecil pada HTML 4. judul atribut dapat ditulis dengan huruf besar maupun huruf kecil contoh Judul atau judul . Versi terbaru dari (X)HTML mengharuskan anda untuk menuliskan attribut dengan huruf kecil.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.