Sharing Teknologi – Berbagai Tag Pada HTML5 Untuk Belajar Pemograman. Dalam dunia teknologi informasi seperti sekarang ini, perkembangan sebuah teknologi baru yang telah ditemukan tidak bisa terelakkan. Termasuk juga HTML, yang pada tahun 2014 sudah meluncurkan versi baru, yakni HTML5.
HTML (Hypertext markup language) adalah sebuah bahasa markah (markup language) yang paling mendominasi saat ini dalam hal pembuatan sebuah website.
Markup language merupakan sebuah sistem yang didesain dan berfungsi untuk memproses, mendefinisikan, serta menyajikan tulisan atau teks untuk memudahkan rekayasa teks bagi komputer dengan cara menyematkan tag dan anotasi teks dalam file styled.
Dengan adanya HTML, maka sebuah website bisa dikreasikan sedemikian rupa menjadi lebih interaktif dan menarik. Karena HTML memadukan berbagai elemen seperti teks, multimedia, dan link, dan juga elemen pendukung lainnya menjadi sebuah kesatuan.
Berbagai Tag Pada HTML5
| Document Outline | Keterangan |
| <!DOCTYPE> | Versi HTML |
| <html> | Dokumen HTML |
| <head> | Penampung metadata halaman |
| <body> | Konten halaman |
| Komentar | Keterangan |
| <!– –> | Menuliskan komentar di dalam kode |
| Informasi Halaman | Keterangan |
| <base> | Base URL |
| <meta> | Metadata |
| <title> | judul |
| <link> | Menghubungkan halaman dengan sumber luar |
| <style> | Tampilan sebuah elemen |
| <script> | Menampung sebuah script |
| Struktur Dokumen | Keterangan |
| <h[1-6]> | Heading |
| <div> | Section halaman |
| <span> | Menentukan warna sebuah teks |
| <p> | Paragraf |
| <br> | Line Break |
| <hr> | Garis horizontal untuk menandai batas sebuah section |
| Link | Keterangan |
| <a href =””> | Link halaman |
| <a href =”mailto”> | Link email |
| <a href =”name”> | Anchor |
| <a href =”#name”> | Link ke anchor |
| Markup Teks | Keterangan |
| <strong> | Membuat teks cetak tebal |
| <em> | Membuat teks cetak miring |
| <blockquote> | Kutipan dari sumber luar |
| <q> | Kutipan pendek |
| <abbr> | Singkatan (Prof., Dr.) |
| <acronym> | Singkatan (HTML, JS) |
| <address> | Alamat |
| <pre> | Teks preformatted |
| <dfn> | Definisi |
| <code> | Kode |
| <cite> | Membuat teks miring untuk menyebut judul sebuah karya |
| <del> | Memberi garis pada teks |
| <ins> | Menggarisbawahi teks |
| <sub> | Teks subscript |
| <sup> | Teks superscript |
| <bdo> | Arah teks (kiri-kanan atau sebaliknya) |
| List | Keterangan |
| <ol> | Ordered list |
| <ul> | Unordered list |
| <li> | Item sebuah list |
| <dl> | List istilah beserta definisinya |
| <dt> | Istilah yang didefinisikan |
| <dd> | Definisi istilah |
| Form | Keterangan |
| <form> | Form |
| <fieldset> | Menyatukan beberapa kolom form dalam satu kategori |
| <legend> | Memberi judul pada suatu <fieldset> |
| <label> | Membuat daftar opsi berbentuk checkbox |
| <input> | Membuat kolom form |
| <select> | Membuat drop-down list |
| <optgroup> | Membuat teks cetak tebal yang digunakan untuk mengklasifikasikan item dalam drop-down box |
| <option> | Membuat item dalam drop-down list |
| <textarea> | Membuat kolom form dengan kapasitas tak terbatas |
| <button> | Tombol |
| Tabel | Keterangan |
| <table> | Tabel |
| <caption> | Memberi judul pada suatu tabel |
| <thead> | Header tabel |
| <tbody> | Body tabel |
| <tfoot> | Footer tabel |
| <colgroup> | Mengkategorikan satu atau lebih kolom tabel |
| <col> | Menentukan warna sebuah kolom |
| <tr> | Baris tabel |
| <th> | Cell header |
| <td> | Cell biasa |
| Gambar | Keterangan |
| <img> | Gambar |
| <map> | Gambar dengan bagian yang dapat diklik |
| <area> | Bagian gambar yang dapat diklik |
| Objek | Keterangan |
| <object> | Objek multimedia yang disematkan pada halaman |
| <param> | Parameter untuk mengontrol objek multimedia |
Itulah berbagai tag pada HTML5 yang dapat dimanfaatkan bagi pengguna HTML5 untuk belajar.
Terima kasih telah mengunjungi website kami.
Share jika bermanfaat, jika ada kritik, tambahan, pertanyaan atau saran silakan hubungi kami atau silakan isi di kolom komentar.
Komentar