Apa Yang Dimaksud Dengan Tag Html Yang Inline

3 min read Jun 28, 2024
Apa Yang Dimaksud Dengan Tag Html Yang Inline

Apa yang Dimaksud dengan Tag HTML yang Inline?

Dalam dunia HTML, tag dibagi menjadi dua jenis: inline dan block. Tag inline adalah tag yang tidak memulai baris baru dan hanya menempati ruang yang diperlukan oleh kontennya.

<h3>Karakteristik Tag Inline:</h3>

  • Tidak Memulai Baris Baru: Tag inline tidak membuat baris baru di halaman web.
  • Menempati Ruang Sesuai Kebutuhan: Tag inline hanya mengambil ruang yang dibutuhkan oleh kontennya.
  • Dapat Digunakan Bersamaan: Anda dapat menggunakan beberapa tag inline dalam satu baris.
  • Pengaturan Gaya: Anda dapat mengatur gaya tag inline menggunakan CSS.

<h3>Contoh Tag Inline:</h3>

Berikut beberapa contoh tag inline yang umum digunakan:

  • <span>: Tag ini digunakan untuk menandai bagian teks tertentu.
  • <a>: Tag ini digunakan untuk membuat link ke halaman web lain.
  • <img>: Tag ini digunakan untuk menampilkan gambar di halaman web.
  • <strong>: Tag ini digunakan untuk membuat teks menjadi tebal.
  • <em>: Tag ini digunakan untuk membuat teks menjadi miring.
  • <b>: Tag ini digunakan untuk membuat teks menjadi tebal.
  • <i>: Tag ini digunakan untuk membuat teks menjadi miring.
  • <sub>: Tag ini digunakan untuk membuat teks menjadi subscript.
  • <sup>: Tag ini digunakan untuk membuat teks menjadi superscript.
  • <small>: Tag ini digunakan untuk membuat teks menjadi lebih kecil.

<h3>Contoh Penggunaan:</h3>

Ini adalah paragraf dengan teks tebal dan miring.

Ini adalah paragraf dengan link ke Google.

Pada contoh di atas, tag <strong>, <em>, dan <a> merupakan tag inline. Tag-tag ini tidak membuat baris baru dan hanya menempati ruang yang dibutuhkan oleh kontennya.

<h3>Kesimpulan:</h3>

Tag inline adalah tag HTML yang tidak memulai baris baru dan hanya mengambil ruang yang dibutuhkan oleh kontennya. Tag inline berguna untuk mengatur gaya dan konten teks tertentu di dalam halaman web.