Seperti halnya kita ketahui bahwa HTML atau HyperText Markup Language adalah sebuah bahasa pemrograman yang digunakan oleh website-website di internet, sehingga website tersebut dapat kita lihat sebagai suatu informasi karena aplikasi browser telah menterjemahkan kode-kode HTML tersebut menjadi bentuk sekumpulan informasi yang dapat kita lihat yang dapat berupa gambar maupun Teks.
Oleh karena itu, bagi orang-orang yang berkecimpung di dunia website, blog, dsb tentunya harus memahami penggunaan kode HTML tersebut. Karena dengan begitu, jika terjadi eror dalam website yang kita kelola, kita mampu memperbaiki nya sendiri. Selain itu, dengan kita memahami penggunaan kode kode HTML, kita akan mudah mengoptimalkan website yang kita kelola sehingga dapat berjalan optimal. nah, dalam rangka memahami kode HTML tersebut, dalam postingan ini di sediakan Daftar Tag HTML yang biasa di gunakan.
Berikut ini adalah daftar Tag Pada Kode HTML yang biasanya sering di gunakan :
Tag Utama
| Tag | Atribut | Deskripsi |
| <html></html> | Baris paling atas dari setiap file HTML | |
| <head></head> | Informasi umum dari sebuah halaman web | |
| <title></title> | Judul halaman. Terdapat pada head | |
| <body></body> | Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth | Settingan atribut untuk seluruh dokumen |
Modifikasi Teks
| Tag | Deskripsi | Contoh |
| <b></b> | Teks tebal | Teks tebal |
| <i> </i> | Teks miring | Teks miring |
| <u> </u> | Teks garis bawah | Teks garis bawah |
| <pre></pre> | Preformatted teks | Contoh teks |
| <h1></h1> | Header 1 | Header 1 |
| <h2></h2> | Header 2 | Header 2 |
| <h3> </h3> | Header 3 | Header 3 |
| <h4></h4> | Header 4 | Header 4 |
| <h5></h5> | Header 5 | Header 5 |
| <h6></h6> | Header 6 | Header 6 |
| <sub></sub> | Subscript | Subscript |
| <sup></sup> | Superscript | Superscript |
Font
| Tag | Atribut | Deskripsi |
| <font></font> | Color, size, name | Mengubah gaya suatu huruf |
Links
| Tag | Atribut | Deskripsi |
| <a> </a> | Href, target, style, class, name, id | Membuat link ke dokumen atau situs lainnya |
Gambar
| Tag | Atribut | Deskripsi |
| <img> | Src, alt, name, border, height, width | Menampilkan sebuah gambar |
Formatting
| Tag | Deskripsi | Contoh |
| <blockquote></blockquote> | Digunakan untuk mengatur text dan gambar dalam suatu tag | Contoh text in a block quote format ( “ “ ) |
| <ol></ol> | Ordered List (digunakan dengan <li>) | 1. Item 1 |
| <ul></ul> | Unordered List (digunakan dengan <li>) | • Item 1 |
| <li> | Elemen List | |
| <dd></dd> | Definition List | |
| <dt> | Definition Term | |
| <dd> | Definition Description | |
| <p></p> | Paragraf | |
| <br> | Ganti baris | |
| <hr> | Garis horizonta | |
| <center></center> | Menengahkan elemen |
Tabel
| Tag | Deskripsi | Contoh |
| <table></table> | Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign | Mengatur semua elemen table |
| <tr></tr> | Height, bgcolor, background, align, valign, title | Membuat baris baru |
| <td></td> | Height, width, bgcolor, background, align, valign, title, colspan, rowspan | Membuat kolom |
| <th></th> | Height, width, bgcolor, background, align, valign, title, colspan, rowspan | Header(kepala tabel). Otomatis ke tengah dan tebal |
| <tbody></tbody> | Height, width, align, valign, bgcolor, background | Format yang berlaku bagi cell yang diapit tag |
| <colgroup></colgroup> | Height, width, align, valign, bgcolor, background, colspan | Format yang berlaku bagi kolom |
Form
| Tag | Deskripsi | Contoh |
| <form></form> | Method, action, name, enctype | Mengatur elemen dari form |
| <input type=> | Text, password, hidden, radio, checkbox, submit, image, reset | Variasi dari tipe elemen input dalam form |
| <select></select> | Name, size | Membuat combo-box. Digunakan bersama dengan option |
| <option> | Selected, name, value | |
| <textarea></textarea> | Name, rows, cols, wrap | Membuat Text Area untuk input text dengan length yang lebih besar dari input text. |
| wrap | Off
virtual
physical
| no wrap
word wrap, sent as one line
word wrap, sent with breaks
|
SEMOGA BERMANFAAT !!!
@atpaktur | 2013 - at 21.37PM
