Apa itu web (HTML) src, product-title, product-price, dan href?

Apa itu web (HTML) src, product-title, product-price, dan href? - Dalam pengembangan web (HTML), src, product-title, product-price, dan href ada beberapa atribut yang sering dipakai untuk menampilkan konten atau menghubungkan halaman. Berikut penjelasan src, product-title, product-price, dan href.

1. src (Source)

src adalah atribut HTML yang digunakan untuk menentukan sumber file yang akan ditampilkan pada halaman web.

Biasanya digunakan pada tag seperti:

• <img> (gambar)

• <script> (file JavaScript)

• <iframe> (halaman lain)

Contoh:

<img src="gambar-sepatu.jpg" alt="Sepatu">

Penjelasan:

• img → tag untuk menampilkan gambar

• src="gambar-sepatu.jpg" → lokasi file gambar yang akan ditampilkan

Jika file berada di internet:

<img src="https://example.com/gambar.jpg">

2. product-title

product-title bukan atribut HTML bawaan, tetapi biasanya digunakan sebagai class atau nama variabel untuk menandai judul produk pada halaman e-commerce.

Biasanya dipakai untuk styling CSS atau pengambilan data dengan JavaScript.

Contoh:

<h2 class="product-title">Sepatu Running Nike</h2>

Penjelasan:

• class="product-title" → penanda bahwa teks tersebut adalah nama produk

• Bisa digunakan untuk CSS atau JavaScript

Contoh CSS:

.product-title {
  font-size: 20px;
  font-weight: bold;
}

3. product-price

Sama seperti product-title, ini biasanya class atau identifier untuk menampilkan harga produk.

Contoh:

<span class="product-price">Rp350.000</span>

Penjelasan:

• span → tag untuk teks

• class="product-price" → menandai bahwa teks tersebut adalah harga produk

Contoh CSS:

.product-price {
  color: red;
  font-weight: bold;
}

4. href (Hypertext Reference)

href adalah atribut HTML yang digunakan untuk menentukan alamat tujuan link.

Biasanya digunakan pada tag <a>.

Contoh:

<a href="https://www.ruangbelajardigital.my.id/?m=1">Kunjungi Website</a>

Penjelasan:

• a → tag hyperlink

• href → alamat halaman yang akan dibuka saat link diklik

Contoh ke halaman internal:

<a href="produk.html">Lihat Produk</a>

✅ Kesimpulan:

Elemen	Fungsi
src	Menentukan sumber file (gambar, script, dll)
product-title	Class/penanda untuk judul produk
product-price	Class/penanda untuk harga produk
href	Menentukan alamat link tujuan

Baca Juga: Jasa Pembuatan Website Blogger & WordPress

Jasa Pembuatan Website Blogger & Wordpress paling Murah

Temukan Program Kursus yang Kamu Minati Disini, Dijamin Murah tapi Ga Murahan

Mau cari tutorial yang kamu pingin tapi ga ketemu, disini apa yang kamu cari ada semuanya