Apa itu HTML..??
HTML(Hyper Text Markup Language) adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web Browser.Tag-tag tadi memberitahu browser bagaimana menampilkan halaman web dengan lengkap kepada pengguna.
Tag-tag HTML selaludiawali dengan <x> dan diakhiri dengan </x> dimana x Tag HTML seperti b,i,u dan sebagainya
Pengertian HTML
Seperti yang dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Language) adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser.Tag-tag HTML selaludiawali dengan <x> dan diakhiri dengan </x> dimana x Tag HTML seperti b,i,u dan sebagainya.Namun ada juga tag yang tidak diakhiri dengan tanda </x> seperti tag <br>,<input> dan lainnya.
Sebuah halaman web akan diapit oleh tag <html>...</html>.File-file HTML selalu berakhiran ekstensi *.html atau *.htm. jadi anda mengetik sebuah naskah dan menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.
Berikut ini adalah tabel tag-tag HTML dan fungsinya:
Tag Utama
| Tag | Atribut | Descripsi |
| <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 | Descipsi | 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 | Atibut | deskripsi |
| <font></font> | Color, size, name | Mengubah gaya suatu huruf |
Link
| Tag | Atibut | deskripsi |
| <a> </a> | Href, target, style, class, name, id | Membuat link ke dokumen atau situs lainnya |
Gambar
| Tag | Atibut | deskripsi |
| <img> | Src, alt, name, border, height, width | Menampilkan sebuah gambar |
Formatting
| Tag | Atibut | 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>) |
|
| <ul></ul> | Unordered List (digunakan dengan <li>) |
|
| <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 |
Table
| Tag | Atibut | Deskripsi |
| <able></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 align, valign, bgcolor, background, colspan, width, | Format yang berlaku bagi kolom |
Form
| Tag | Atibut | Deskripsi |
| <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 | no wrap |
| virtual | word wrap, sent as one line | |
| physical | word wrap, sent with breaks |
