Saat memasuki dunia pengembangan web, salah satu konsep kunci yang akan kamu temui adalah tag HTML.

Dalam membuat website, tag HTML adalah elemen penting untuk membangun struktur dan tampilan konten halaman web. Tag mengatur elemen-elemen seperti judul, paragraf, gambar, dan video. 

Setiap elemen dalam halaman web didefinisikan menggunakan tag HTML tertentu. Memahami penggunaan tag HTML ini krusial menjadi dasar dari tampilan dan struktur konten pada halaman web.

Mari kita selami lebih dalam!

Pengertian HTML Tag

Tag HTML adalah elemen dasar yang digunakan untuk membangun struktur dan format konten di halaman web.

Bayangkan kamu sedang membaca sebuah buku. Ada judul, paragraf, gambar, dan mungkin juga kutipan di dalamnya. Di dunia web, setiap komponen tersebut direpresentasikan dengan tag HTML tertentu. 

Sebagai contoh, judul direpresentasikan dengan tag < h1 > sampai < h6 >, sementara paragraf dengan tag < p >. Ada banyak juga tag lainnya yang membantu kita mengatur dan menampilkan konten web lebih rapi.

Fungsi Tag HTML

Tag HTML bukanlah sekedar kode yang ditulis di dalam dokumen HTML. Sebaliknya, tag HTML memiliki fungsi yang sangat penting dalam pembuatan laman web. Berikut beberapa fungsi utama dari tag HTML:

  • Struktur dokumen: seperti yang dijelaskan oleh FreeCodeCamp, tag HTML membantu dalam menyusun struktur dokumen HTML. Mulai dari header sampai footer, setiap bagian dari halaman web dikelilingi oleh tag tertentu. Hal ini membantu browser dalam menafsirkan dan menampilkan konten secara tepat.

  • Format konten: tag HTML tidak hanya menyusun, tapi juga memformat konten. Misalnya, tag seperti < b > untuk tebal, < i > untuk miring, dan < u > untuk bergaris bawah membantu kita untuk menonjolkan bagian tertentu dari teks.

  • Menyisipkan media: tag HTML seperti < img > dan < video > memungkinkan kita untuk menyertakan gambar atau video dalam laman web. Fungsi ini membuat laman web menjadi lebih interaktif dan menarik.

  • Pembuatan link: tag HTML juga ada yang digunakan untuk membuat hyperlink, sehingga kamu dapat berpindah dari satu halaman ke halaman lain. Dengan fungsi ini, web menjadi dinamis dan saling terhubung.

  • Integrasi dengan CSS dan JavaScript: tag HTML juga berguna sebagai jembatan dengan CSS dan JavaScript. Kita bisa menambahkan gaya dan fungsi interaktif ke halaman web. Proses ini juga membantu dalam meningkatkan user experience.

  • Aksesibilitas: menurut TutorialsTonight, dengan menggunakan tag seperti < alt > pada gambar, kita dapat menjadikan laman web lebih mudah diakses oleh orang-orang yang memiliki keterbatasan.

  • Search Engine Optimization (SEO): tag HTML membantu mesin pencari seperti Google dalam mengenali dan menilai konten laman web, sehingga memungkinkan laman tersebut muncul dalam hasil pencarian yang relevan.

Tag HTML Dasar

Berikut sejumlah tag HTML dasar yang sering digunakan dalam pengembangan web:

Contoh penggunaan kode:




  Contoh Web Sederhana


  Selamat Datang di Web Sederhana Saya
  Ini adalah contoh penggunaan tag HTML dasar.
  Klik di sini untuk mengunjungi situs contoh.
  
  Jika Anda ingin mempelajari lebih lanjut, 
silakan kunjungi LearnHTML.

‍‍Output:

Tag HTML untuk Formatting 

Tag HTML untuk formatting dipakai untuk mengatur tampilan teks dan konten lain di halaman web. Berikut beberapa tag formatting yang umum digunakan:

Contoh penggunaan kode:


  Penawaran Spesial
  Kini tersedia promo diskon 20% untuk semua produk!
  Jangan lewatkan kesempatan ini untuk memperoleh perangkat berkualitas.
  Berlaku hingga akhir bulan ini.