Assalamualaikum wr wb
Hallo semuanya pengunjung blog ini, kembali lagi dengan saya di #SharingSession, hari ini saya akan sharing mengenai Tag Pada HTML Apa itu Tag HTML ?
Saat web browser menampilkan sebuah halaman web, web browser membaca halaman web tersebut dari sebuah file teks dan kemudian mencari kode-kode special (dalam hal ini adalah tag HTML) yang ditandai dengan karakter "<" dan ">".
Tag HTML pada umumnya dibuat berpasangan, ada tag pembuka dan ada tag penutup.
Format umum tag HTML adalah :
<nama_tag> Teks yang akan ditampilkan </nama_tag>
Kumpulan Tag pada HTML
Karena banyak sekali Tag dan atribut pada HTML, saya akan bantu untuk mendefinisikan kegunaan Macam- macam Tag secara satu persatu, pada tabel dibawah ini:
| Tag | Penjelasan | |
|---|---|---|
| <!--...--> | Mendefinisikan Komentar | |
| <!DOCTYPE> | Mendefinisikan tipe atau jenis dokumen | |
| <a> | Mendefinisikan hyperlink | |
| <abbr> | Mendefinisikan sebuah singkatan atau akronim | |
| <acronym> | Tag ini tidak didukung pada HTML5. Gunakan <abbr> sebagai penggantinya pada HTML5. Mendefinisikan akronim | |
| <address> | Mendefinisikan informasi kontak penulis atau pemilik dokumen | |
| <applet> | Tag ini tidak didukung pada HTML5. Gunakan <embed> atau <object> sebagai penggantinya pada HTML5. Mendefinisikan embedded applet | |
| <area> | Mendefinisikan sebuah area didalam image-map | |
 | <article> | Mendefinisikan sebuah artikel |
| <aside> | Mendefinisikan selain dari konten halaman |
| <audio> | Mendefinisikan konten suara |
| <b> | Mendefinisikan teks bold atau cetak tebal | |
| <base> | Menentukan basis URL atau target untuk semua URL relatif dalam dokumen | |
| <basefont> | Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Menentukan warna default, ukuran, dan font untuk semua teks dalam dokumen | |
| <bdi> | Isolat bagian teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luar itu sendiri |
| <bdo> | Mengganti arah teks saat ini | |
| <big> | Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teks besar | |
| <blockquote> | Mendefinisikan bagian yang dikutip dari sumber lain | |
| <body> | Mendefinisikan tubuh atau badan dokumen | |
| <br> | Mendefinisikan satu baris tunggal atau sama dengan fungsi enter | |
| <button> | Mendefinisikan sebuah tombol | |
| <canvas> | Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (biasanya JavaScript) |
| <caption> | Mendefinisikan caption dari sebuah tabel | |
| <center> | Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teks yang posisinya berada ditengah | |
| <cite> | Mendefinisikan Judul karya | |
| <code> | Mendefinisikan bagian dari code pada komputer | |
| <col> | Menentukan sifat kolom untuk setiap kolom dalam <colgroup> element | |
| <colgroup> | Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk memformat | |
| <datalist> | Menentukan daftar pilihan yang telah ditentukan untuk kontrol input |
| <dd> | Mendefinisikan deskripsi / nilai istilah dalam daftar deskripsi | |
| <del> | Mendefinisikan teks yang telah dihapus dari dokumen | |
| <details> | Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan |
| <dfn> | Merupakan contoh mendefinisikan istilah | |
| <dialog> | Mendefinisikan sebuah kotak dialog atau jendela |
| <dir> | Tag ini tidak didukung pada HTML5. Gunakan <ul> sebagai penggantinya pada HTML5. Mendefinisikan daftar direktori | |
| <div> | Mendefinisikan sebuah bagian dalam sebuah dokumen | |
| <dl> | Mendefinisikan daftar deskripsi | |
| <dt> | Mendefinisikan istilah / nama dalam daftar deskripsi | |
| <em> | Mendefinisikan menekankan teks | |
| <embed> | Mendefinisikan sebuah wadah untuk eksternal (non-HTML) aplikasi |
| <fieldset> | Sebauh Grup untuk pengelompokan dalam form | |
| <figcaption> | Mendefinisikan sebuah caption untuk <figure> element |
| <figure> | Menentukan konten mandiri |
| <font> | Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan font, warna, dan ukuran dari sebuah teks | |
| <footer> | Mendefinisikan sebuah footer dari sebuah dokumen atau section |
| <form> | Mendefinisikan sebuah form HTML untuk input pengguna | |
| <frame> | Tag ini tidak didukung pada HTML5. Mendefinisikan sebuah jendela (frame) dalam sebuah frameset | |
| <frameset> | Tag ini tidak didukung pada HTML5. Mendefinisikan sebuah satu set frames | |
| <h1> sampai <h6> | Mendefinisikan headings pada HTML | |
| <head> | Mendefinisikan informasi tentang dokumen | |
| <header> | Mendefinisikan sebuah header untuk dokumen atau bagian dokumen |
| <hr> | Mendefinisikan perubahan tematik dalam konten atau memberikan garis pada dokumen | |
| <html> | Mendefinisikan root dari sebuah dokumen HTML | |
| <i> | Mendefinisikan sebuah bagian dari teks dengan suara alternatif atau suasana hati | |
| <iframe> | Mendefinisikan sebuah frame inline | |
| <img> | Mendefinisikan sebuah image | |
| <input> | Mendefinisikan sebuah input control | |
| <ins> | Mendefinisikan teks yang telah dimasukkan ke dalam dokumen | |
| <kbd> | Mendefinisikan input keyboard | |
| <keygen> | Mendefinisikan sebuah key-pair generator field (for forms) |
| <label> | Mendefinisikan sebuah label dari sebuah <input> element | |
| ><legend> | Mendefinisikan sebuah caption dari sebuah <fieldset> element | |
| <li> | Mendefinisikan sebuah daftar item | |
| <link> | Mendefinisikan hubungan antara dokumen dengan sumber daya eksternal (digunakan untuk link ke style sheet) | |
| <main> | Menentukan konten utama dari dokumen |
| <map> | Mendefinisikan client-side image-map | |
| <mark> | Mendefinisikan ditandai / teks yang disorot |
| <menu> | Mendefinisikan daftar / menu perintah | |
| <menuitem> | Mendefinisikan item perintah / menu bahwa pengguna dapat memanggil dari menu popup |
| <meta> | Mendefinisikan metadata tentang sebuah dokumen HTML | |
| <meter> | Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge) |
| <nav> | Mendefinisikan navigasi untuk links |
| <noframes> | Tag ini tidak didukung pada HTML5. Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung frame | |
| <noscript> | Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung script sisi klien | |
| <object> | Mendefinisikan sebuah embedded objek | |
| <ol> | Mendefinisikan sebuah daftar tersusun | |
| <optgroup> | Mendefinisikan sekelompok opsi terkait dalam daftar drop-down | |
| <option> | Mendefinisikan sebuah option dari sebuah daftar drop-down | |
| <output> | Mendefinisikan hasil dari sebuah perhitungan |
| <p> | Mendefinisikan sebuah paragraph | |
| <param> | Mendefinisikan sebuah parameter untuk sebuah object | |
| <pre> | Mendefinisikan teks preformatted | |
| <progress> | Menggambarkan kemajuan tugas |
| <q> | Mendefinisikan sebuah kutipan singkat | |
| <rp> | Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby |
| <rt> | Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur) |
| <ruby> | Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur) |
| <s> | Mendefinisikan teks yang sudah tidak benar | |
| <samp> | Mendefinisikan contoh output dari program komputer | |
| <script> | Mendefinisikan sebuah script dari sisi klien | |
| <section> | Mendefinisikan sebuah section didalam sebuah dokumen |
| <select> | Mendefinisikan sebuah daftar drop-down | |
| <small> | Mendefinisikan teks kecil | |
| <source> | Mendefinisikan lebih dari satu sumber media untuk elemen media seperti (<video> dan <audio>) |
| <span> | Mendefinisikan sebuah section didalam sebuah dokumen | |
| <strike> | Tag ini tidak didukung pada HTML5. Gunakan <del> atau <s> sebagai penggantinya pada HTML5. Mendefinisikan teks strikethrough | |
| <strong> | Mendefinisikan teks yang penting | |
| <style> | Mendefinisikan informasi style untuk sebuah dokumen | |
| <sub> | Mendefinisikan teks subscripted | |
| <summary> | Mendefinisikan sebuah judul yang terlihat dalam sebuah <details> element |
| <sup> | Mendefinisikan teks superscripted | |
| <tabel> | Mendefinisikan sebuah tabel | |
| <tbody> | Grup isi tubuh dalam sebuah tabel | |
| <td> | Mendefinisikan sebuah cell didalam sebuah tabel | |
| <teksarea> | Mendefinisikan sebuah input control multiline atau teks area | |
| <tfoot> | Grup isi footer dalam sebuah tabel | |
| <th> | Mendefinisikan sebuah header cell didalam sebuah tabel | |
| <thead> | Grup header dalam sebuah tabel | |
| <time> | Mendefinisikan sebuah tanggal atau waktu |
| <title> | Mendefinisikan sebuah title untuk dokumen | |
| <tr> | Mendefinisikan sebuah row didalam sebuah tabel | |
| <track> | Mendefinisikan trek teks untuk elemen media yang (<video> dan <audio>) |
| <tt> | Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teletype teks |
| <u> | Mendefinisikan teks yang harus berbeda dari teks biasa | |
| <ul> | Mendefinisikan sebuah unordered list | |
| <var> | Mendefinisikan sebuah variable | |
| <video> | Mendefinisikan sebuah video atau movie |
| <wbr> | Mendefinisikan sebuah kemungkinan line-break |
Itu saja sharing kita untuk saat ini nantikan #SharingSession kita selanjutnya semoga bisa bermanfaat, Terima kasih Wassalamualaikum.
0 comments:
Post a Comment