kumpulan tag html

Ketika Anda memilih Jurusan RPL (Rekaya Perangkat Lunak) di SMK pasti akan menemukan mata pelajaran Web Desain atau Pemrograman salah satunya HTML (HyperText Markup Language). Sebelum membuat Website maka Anda perlu mengetahui apa itu html. Jika Anda sudah mengenal HTML, Anda Wajib mengetahui mengenai Tag yang ada di HTML. Lalu apa sebenarnya tag HTML?  HTML menggunakan serangkaian tag yang mendefinisikan elemen-elemen yang ada dalam halaman web, seperti judul, paragraf, gambar, tautan, dan lainnya. Pada Artikel ini akan menjelaskan secara rinci beberapa kumpulan tag HTML yang umum digunakan beserta penggunaannya dalam pembuatan halaman web.

kumpulan tag html
source:unsplash.com

Apa itu Tag HTML?

Sebelum Anda melihat Kumpulan Tag HTML, kita ketahui dulu apa itu tag html? Tag Html adalah elemen-elemen dasar yang digunakan dalam bahasa pemrograman HyperText Markup Language (HTML) untuk mengatur dan mendefinisikan struktur, konten, dan tampilan halaman web.

Kumpulan Tag HTML

Berikut inilah beberapa kumpulan tag html wajib diketahui :

  1. <html> – Menandakan awal dan akhir dari dokumen HTML.
  2. <head> – Mengandung informasi tentang dokumen, seperti judul dan metadata.
  3. <title> – Menetapkan judul untuk halaman web yang akan ditampilkan di jendela atau tab browser.
  4. <meta> – Mendefinisikan metadata, seperti karakter encoding dan deskripsi halaman.
  5. <link> – Menghubungkan halaman dengan berkas eksternal, seperti stylesheet.
  6. <script> – Menyisipkan skrip JavaScript atau tautan ke berkas JavaScript eksternal.
  7. <style> – Mendefinisikan gaya untuk elemen dalam halaman menggunakan CSS.
  8. <body> – Mengandung konten utama halaman yang akan ditampilkan kepada pengguna.
  9. <h1>, <h2>, <h3>, <h4>, <h5>, <h6> – Heading (judul) dengan level yang berbeda.
  10. <p> – Paragraf teks.
  11. <a> – Tautan atau hyperlink.
  12. <img> – Menyisipkan gambar.
  13. <ul> – Daftar tak berurutan.
  14. <ol> – Daftar berurutan.
  15. <li> – Elemen dalam daftar (list item).
  16. <div> – Kontainer blok yang digunakan untuk mengelompokkan elemen lain.
  17. <span> – Kontainer inline yang digunakan untuk memanipulasi sebagian teks.
  18. <table> – Membuat tabel.
  19. <tr> – Baris dalam tabel.
  20. <th> – Sel header dalam tabel.
  21. <td> – Sel data dalam tabel.
  22. <caption> – Menambahkan keterangan pada tabel.
  23. <colgroup> – Mengelompokkan kolom dalam tabel untuk diberi gaya atau atribut.
  24. <col> – Menentukan gaya atau atribut untuk satu atau beberapa kolom tabel.
  25. <thead> – Bagian kepala dari tabel.
  26. <tbody> – Bagian tubuh dari tabel.
  27. <tfoot> – Bagian kaki dari tabel.
  28. <form> – Membuat formulir untuk mengumpulkan input dari pengguna.
  29. <input> – Elemen input dalam formulir.
  30. <textarea> – Area teks yang lebih besar untuk input teks panjang.
  31. <button> – Tombol interaktif.
  32. <select> – Elemen dropdown untuk memilih opsi.
  33. <option> – Opsi dalam elemen <select>.
  34. <label> – Label yang terkait dengan elemen input.
  35. <fieldset> – Mengelompokkan elemen-elemen formulir bersama dengan batas.
  36. <legend> – Judul yang menggambarkan elemen <fieldset>.
  37. <iframe> – Menyisipkan halaman web atau dokumen lain dalam halaman.
  38. <audio> – Memasukkan pemutar audio.
  39. <video> – Memasukkan pemutar video.
  40. <nav> – Menunjukkan bagian navigasi dalam halaman.
  41. <header> – Menunjukkan bagian kepala dari halaman.
  42. <footer> – Menunjukkan bagian kaki dari halaman.
  43. <aside> – Menunjukkan konten yang terkait namun bukan bagian inti dari halaman.
  44. <strong> – Membuat teks menjadi tebal secara semantik.
  45. <em> – Membuat teks menjadi miring secara semantik.
  46. <abbr> – Menunjukkan singkatan teks.
  47. <hr> – Memasukkan garis horizontal.
  48. <br> – Memasukkan jeda baris.
  49. <mark> – Menyoroti teks.
  50. <sub>, <sup> – Membuat teks sebagai subskrip atau superskrip.

Dimana Saya Bisa Belajar HTML?

Untuk mengembangkan Skill maupun kemampuan dasar membuat Website, Anda perlu memerlukan faslitas atau tutor untuk belajar agar lebih efisien, salah satunya Website ataupun Video di youtube. Salah satunya adalah alafgani.web.id adalah website tempat belajar membuat website dari nol hingga mahir. Disana Anda akan menemukan bermacam artikel mengenai Pemrograman Web.

Baca Juga : Pengertian Website Terlengkap!

Kesimpulan

Dengan mengetahui kumpulan tag HTML, Akan lebih mudah untuk mengembangkan pembelajaran disekolah maupun dirumah. Selain itu, Dengan menggunakan tag-tag ini dengan bijak, Anda dapat mengatur struktur dan tampilan halaman web Anda dengan lebih efisien dan efektif. Selalu ingat untuk mengikuti standar penggunaan tag HTML yang benar agar halaman web Anda dapat diakses dengan baik oleh berbagai perangkat dan browser. Demikian artikel ini, Jangan lupa dishare ya!

 4,466 total views,  1 views today

M.ABDU AL-AFGANI, S.Kom
Author: M.ABDU AL-AFGANI, S.Kom

Guru Kejuruan. Kunjungi Blog saya alafgani.web.id

Leave a Comment