Tag adalah kode yang digunakan untuk meMarkUp (memoles) teks ASCII sehingga membentuk file html. Setiap tag memiliki fungsi sendiri dan selalu dimulai dengan tanda "<" dan ditutup dengan tanda ">". Kebanyakkan tag memiliki pasangan penutup yang harus digunakan untuk menutup tag sebelumnya. Tag penutup tidak harus diletakkan satu baris dengan tag pembuka, melainkan dapat diletakkan dimana saja dan tag penutup selalu diawali dengan tanda "</" dan ditutup dengan tanda ">".
Contoh format penggunaan tag
<Tag Pembuka> Teks ASCII <Tag Penutup>
Tag-tag yang memiliki pasangan penutup dapat menimpa fungsi tag yang sudah ada sebelumnya sifat ini disebut override. Sebagai contoh teks yang telah dibuat tebal dengan tag <b>...</b> dapat ditimpa dengan tag <i>...</i> sehingga menghasilkan kombinasi huruf tebal dan miring.
Baca : Pengertian Mengenai HTML
Contoh:
Belajar <b>Membuat <i>Website</i></b> Sendiri
Akan ditampilkan oleh browsur seperti ini:
Belajar Membuat Website Sendiri
Meski tag bersifat override adapula tag yang tidak memiliki pasangan sehingga tidak bersifat override, misalnya <br>, <hr> atau <input>.
Baca : Mengenal Apa Itu CSS
Pada kesempatan kali ini UpanBLog akan berbagi Beberapa Tag-Tag Dasar HTML
Tag Utama
| Tag | Atribut | Deskripsi |
| <html>.....</html> | Baris paling atas dari setiap file HTML | |
| <head>.....<head> | Berbagai informasi umum tentang halaman web | |
| <title>.....</title> | Judul dari halaman yang terdapat pada HEAD | |
| <body>.....</body> | background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth | Settingan atribut dari untuk seluruh dokumen |
Modifikasi Teks
| Tag | Deskripsi | Contoh |
| <b>.....</b> | Teks Tebal | Teks Tebal |
| <i>.....</i> | Teks Miring | Teks Miring |
| <u>.....</u> | Memberi Garis Bawah Pada Teks | Bergaris Bawah |
| <pre>.....</pre> | Preformatted Teks | Contoh Teks |
| <h1>.....</h1> | Header 1 | UpanBlog1 |
| <h2>.....</h2> | Header 2 | UpanBlog2 |
| <h3>.....</h3> | Header 3 | UpanBlog3 |
| <h4>.....</h4> | Header 4 | UpanBlog4 |
| <h5>.....</h5> | Header 5 | UpanBlog5 |
| <h6>.....</h6> | Header 6 | UpanBlog6 |
| <sub>.....</sub> | Subscript | upanblog |
| <sup>.....</sup> | Superscript | upanblog |
| <font>.....</font> | color, size, name | Mengubah gaya dari suatu huruf |
Links
| Tag | Atribut | Deskripsi |
| <a>.....</a> | href, target, id, name, class, style | Membuat link ke dokumen atau situs lainnya |
Gambar
| Tag | Attribut | Deskripsi |
| <img> | src, alt, name, border, height, width | Untuk menampilkan gambar |
Formatting
| Tag | Deskripsi | Contoh |
| <blockquote>.....</blockquote> | digunakan untuk mengatur text dan gambar dalam suatu tag | Contoh text format blockquote |
| <ol>.....</ol> | Ordered List (digunakan dengan <li>) |
|
| <ul>.....</ul> | Unordered List (digunakan dengan <li>) |
|
| <li> | Element List | |
| <dd>.....</dd> | Definition List | |
| <dt> | Definition Term | |
| <dd> | Definition Description | |
| <p>.....</p> | Untuk membuat paragraf | Paragraf satu Paragraf dua |
| <hr> | Untuk membuat garis horizontal | |
| <br> | Ganti baris | Baris Lama Baris Baru |
| <center>.....</center> | Menengahkan elemen |
Tabel
| Tag | Atribut | Deskripsi |
| <table>.....</table> | border, cellpadding, cellspacing, height, width, name, id, title, bgcolor, background, align, valign | Mengatur semua elemen pada 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 ketengah dan tebal |
| <tbody>.....<tbody | height, width, bgcolor, background, align, valign, | Format yang berlaku bagi cell yang diapit tag |
| <colgroup>.....<colgroup> | height, width, bgcolor, background, align, valign, title, colspan | Format yang berlaku bagi kolom |
Form
| Tag | Atribut | Deskripsi |
| <form>.....</form> | method, action, name | Mengatur elemen dari form |
| <input type=> | text, password, hidden, radio, checkbox, submit, image, reset | Variasi dari tipe elemen form |
| text | name, value, width, maxlength | Kotak isian text |
| password | name, value, width, maxlength | kotak isian password |
| hidden | name, value | Digunakan untuk membuat variable hidden |
| radio | name, value | |
| checkbox | name, value, checked | |
| submit | value | |
| reset | value | |
| image | src, height, width, alt, name, border | Menampilkan image(gambar) |
| <select>.....</select> | name, size | Membuat combo-box, digunakan bersama dengan option |
| <option> | selected, name, value | |
| <textarea>.....</textarea> | name, rows, cols, wrap | |
| wrap | off | no wrap |
Baca : Cara mengganti menu blog
UpanBlog akan meng-update terus mengenai tag tag yang terdapat pada HTML dan bahasa yang lainnya. Semoga beberapa tag dasar HTML diatas dapat bermanfaat.
0 Comments