Jenis-jenis Tag HTML Beserta Fungsinya


Assalamualaikum warohmatullahi wabarokatuh

Programmer Bojonegoro - Selamat datang di blog Programmer Bojonegoro, pada postingan perdana ini saya akan mencoba menjelaskan jenis-jenis tag html beserta fungsinya.

Apa sih Tag HTML itu ?

Tag HTML adalah berbagai kode spesial atau kata kunci (nama tag) yang di apit oleh dua kurung sudut, misal <nama_tag>.

Tag HTML biasanya di awali dengan tag pembuka dan di akhiri dengan tag penutup. Format umum tag HTML adalah sebagai berikut :
<nama_tag> isi/konten yang ingin di tampilkan </nama_tag>
Umumnya setiap tag pembuka selalu di tutup dengan tag penutup yang di tandai dengan karakter "/" slash.

Apa fungsinya Tag HTML itu ?

Tag HTML berfungsi untuk membuat tampilan WEB yang kita buat menjadi lebih menarik dan terstruktur.

Apa saja jenis-jenis Tag HTML beserta fungsinya ?

Berikut saya jabarkan jenis-jenis tag HTML beserta fungsinya.

Basic
  • <!DOCTYPE>
Mendefinisikan jenis dokumen
  • <html>
Mendefinisikan sebuah dokumen HTML
  • <title>
Mendefinisikan judul untuk dokumen
  • <body>
Mendefinisikan dokumen tubuh
  • <h1> to <h6>
Mendefinisikan judul HTML
  • <p>
Mendefinisikan sebuah paragraf
  • <br>
Menyisipkan satu baris kosong(Enter)
  • <hr>
Mendefinisikan perubahan tematik dalam konten
  • <!--...-->
Mendefinisikan komentar
Formatting
  • <acronym>
Tidak didukung dalam HTML5. Mendefinisikan akronim
  • <abbr>
Mendefinisikan singkatan
  • <address>
Defines informasi kontak untuk penulis/pemilik dokumen/artikel
  • <b>
Mendefinisikan teks tebal
  • <bdi>
Mengisolasi bagian teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luar
  • <bdo>
Mengabaikan teks arah saat ini
  • <big>
Tidak didukung dalam HTML5. Mendefinisikan teks besar
  • <blockquote>
Mendefinisikan bagian yang dikutip dari sumber lain
  • <center>
Tidak didukung dalam HTML5.  

Usang dalam HTML 4.01. Mendefinisikan berpusat teks
  • <cite>
Mendefinisikan judul kerja
  • <code>
Mendefinisikan sepotong kode komputer
  • <del>
Mendefinisikan teks yang telah dihapus dari dokumen
  • <dfn>
Mendefinisikan istilah definisi
  • <em>
Mendefinisikan menekankan teks
  • <font>
Tidak didukung dalam HTML5.  
Usang dalam HTML 4.01.  
Mendefinisikan font, warna, dan ukuran teks
  • <i>
Mendefinisikan bagian dari teks dalam suara alternatif atau suasana hati
  • <ins>
Mendefinisikan sebuah teks yang telah dimasukkan ke dalam sebuah dokumen
  • <kbd>
Mendefinisikan keyboard input
  • <mark>
Mendefinisikan ditandai/disorot teks
  • <meter>
Mendefinisikan skalar pengukuran jarak dikenal (gauge)
  • <pre>
Mendefinisikan sudah terformat teks
  • <progress>
Merupakan kemajuan tugas
  • <q>
Mendefinisikan kutipan singkat
  • <rp>
Mendefinisikan apa yang harus ditampilkan dalam browser yang tidak mendukung ruby anotasi
  • <rt>
Mendefinisikan penjelasan/pengucapan karakter (untuk tipografi Asia Timur)
  • <ruby>
Mendefinisikan anotasi ruby (untuk tipografi Asia Timur)
  • <s>
Mendefinisikan teks yang tidak lagi benar
  • <samp>
Mendefinisikan contoh keluaran dari sebuah program komputer
  • <small>
Mendefinisikan teks kecil
  • <strike>
Tidak didukung dalam HTML5.  

Usang dalam HTML 4.01. Mendefinisikan sebagai teks dicoret
  • <strong>
Mendefinisikan teks penting
  • <sub>
Mendefinisikan subscripted teks
  • <sup>
Mendefinisikan superscripted teks
  • <time>
Mendefinisikan tanggal/waktu
  • <tt>
Tidak didukung dalam HTML5. Mendefinisikan teks teletype
  • <u>
Defines teks yang harus gaya berbeda dari teks biasa
  • <var>
Mendefinisikan variabel
  • <wbr>
Mendefinisikan istirahat garis mungkin
Forms
  • <form>
Mendefinisikan sebuah form HTML untuk input pengguna
  • <input>
Mendefinisikan kontrol masukan
  • <textarea>
Mendefinisikan kontrol masukan multiline (area teks)
  • <button>
Mendefinisikan sebuah tombol diklik
  • <select>
Mendefinisikan daftar drop-down
  • <optgroup>
Mendefinisikan sekelompok opsi terkait dalam daftar drop-down
  • <option>
Mendefinisikan pilihan dalam daftar drop-down
  • <label>
Mendefinisikan sebuah label untuk sebuah elemen <input>
  • <fieldset>
Kelompok elemen-elemen yang terkait dalam bentuk
  • <legend>
Mendefinisikan keterangan untuk <fieldset>, < sosok >, atau elemen <details>
  • <datalist>
Menentukan daftar pilihan yang ditetapkan untuk masukan kontrol
  • <keygen>
Mendefinisikan sebuah tombol-pasangan generator field (untuk bentuk)
  • <output>
Mendefinisikan hasil perhitungan
Frames
  • <frame>
Tidak didukung dalam HTML5. 

Mendefinisikan sebuah jendela (frame) dalam bingkai
  • <frameset>
Tidak didukung dalam HTML5. Mendefinisikan sebuah set frame
  • <noframes>
Tidak didukung dalam HTML5. 
Mendefinisikan sebuah alternatif konten untuk pengguna yang mendukung frame
  • <iframe>
Mendefinisikan inline bingkai
Images
  • <img>
Mendefinisikan sebuah gambar
  • <map>
Mendefinisikan peta gambar sisi klien
  • <area>
Mendefinisikan area di dalam peta gambar
  • <canvas>
Digunakan untuk menarik grafis, dengan cepat, melalui skrip (biasanya JavaScript)
  • <figcaption>
Mendefinisikan keterangan untuk elemen <figure>
  • <figure>
Menentukan konten yang mandiri
Audio/Video
  • <audio>
Mendefinisikan suara konten
  • <source>
Mendefinisikan beberapa sumber media untuk elemen media (<video>dan <audio>)
  • <track>
Defines teks trek untuk elemen media (<video>dan <audio>)
  • <video>
Mendefinisikan video atau film
Links
  • <a>
Mendefinisikan hyperlink
  • <link>
Mendefinisikan hubungan antara dokumen dan sumber daya eksternal (paling digunakan untuk link ke lembar gaya)
  • <nav>
Mendefinisikan link navigasi
Lists
  • <ul>
Mendefinisikan daftar unordered
  • <ol>
Mendefinisikan daftar ordered
  • <li>
Mendefinisikan item daftar
  • <dir>
Tidak didukung dalam HTML5. 

Usang dalam HTML 4.01. Mendefinisikan direktori daftar
  • <dl>
Mendefinisikan daftar definisi
  • <dt>
Mendefinisikan istilah (item) dalam daftar definisi
  • <dd>
Mendefinisikan deskripsi item dalam daftar definisi
  • <menu>
Mendefinisikan daftar/menu perintah
  • <command>
Mendefinisikan sebuah tombol perintah yang pengguna dapat memohon
Tables

  • <table>
Mendefinisikan tabel
  • <caption>
Mendefinisikan tabel Keterangan
  • <th>
Mendefinisikan sebuah sel header tabel
  • <tr>
Mendefinisikan baris dalam tabel
  • <td>
Mendefinisikan sebuah sel dalam sebuah tabel
  • <thead>
Kelompok konten header tabel
  • <tbody>
Kelompok tubuh konten dalam sebuah tabel
  • <tfoot>
Kelompok footer konten dalam sebuah tabel
  • <col>
Menentukan kolom properti untuk setiap kolom dalam elemen <colgroup>
  • <colgroup>
Menentukan sekelompok dari satu atau lebih kolom dalam tabel format
Style/Sections

  • <style>
Mendefinisikan gaya informasi untuk dokumen
  • <div>
Mendefinisikan bagian dalam dokumen
  • <span>
Mendefinisikan bagian dalam dokumen
  • <header>
Mendefinisikan header untuk dokumen atau bagian
  • <footer>
Mendefinisikan footer untuk dokumen atau bagian
  • <hgroup>
Kelompok judul (<h1> untuk <h6>) elemen
  • <section>
Mendefinisikan bagian dalam dokumen
  • <article>
Mendefinisikan sebuah artikel
  • <aside>
Mendefinisikan konten selain isi halaman
  • <details>
Mendefinisikan nformasi tambahan bahwa pengguna dapat melihat atau menyembunyikan
  • <dialog>
Mendefinisikan sebuah kotak dialog atau jendela
  • <summary>
Mendefinisikan menuju elemen <details>yang terlihat
Meta Info

  • <head>
Mendefinisikan informasi tentang dokumen
  • <meta>
Mendefinisikan metadata tentang sebuah dokumen HTML
  • <base>
Menentukan URL/target dasar untuk semua URL relatif dalam dokumen
  • <basefont>
Tidak didukung dalam HTML5.  

Usang dalam HTML 4.01.  


Menentukan warna default dan ukuran font untuk semua teks dalam dokumen
Programming

  • <script>
Mendefinisikan sebuah script sisi klien
  • <noscript>
Mendefinisikan sebuah alternatif konten untuk pengguna yang tidak mendukung script sisi klien
  • <applet>
Tidak didukung dalam HTML5. Usang dalam HTML 4.01. Mendefinisikan applet tertanam
  • <embed>
Mendefinisikan sebuah wadah untuk aplikasi eksternal (non-HTML)
  • <object>
Mendefinisikan objek tertanam
  • <param>
Mendefinisikan parameter untuk objek

Alhamdulillah, itulah Jenis-jenis Tag HTML Beserta Fungsinya yang dapat saya jabarkan.
Baca juga: Membuat Halaman Web Tentang Daftar Riwayat Hidup Dengan HTML
Semoga bermanfaat dan dapat menambah wawasan temen-temen semua.

Terimakasih

Wassalamualaikum warohmatullahi wabarokatuh

Previous
This is the oldest page
Thanks for your comment