Atribut tag HTML
Mari menjadi Front-end Web Designer handal
Dalam HTML , atribut memberikan informasi tambahan tentang elemen. Nilai atribut adalah data spesifik yang diberikan pada atribut tersebut. Contohnya, pada tag <img>, atribut src menentukan URL gambar, dan atribut alt menyediakan teks alternatif jika gambar tidak dapat ditampilkan.
Berikut beberapa contoh atribut dan nilainya dalam HTML:
1. Atribut pada tag
<a> (tautan):href: Menentukan URL tujuan tautan.- Contoh:
<a href="https://www.example.com">Contoh Tautan</a>
- Contoh:
target: Menentukan bagaimana tautan akan dibuka (misalnya, di tab baru).- Contoh:
<a href="https://www.example.com" target="_blank">Tautan di tab baru</a>
- Contoh:
2. Atribut pada tag
<img> (gambar): src: Menentukan URL gambar.- Contoh:
<img src="gambar.jpg" alt="Deskripsi gambar">
- Contoh:
alt: Menentukan teks alternatif jika gambar tidak dapat ditampilkan.- Contoh:
<img src="gambar.jpg" alt="Deskripsi gambar">
- Contoh:
width: Menentukan lebar gambar.- Contoh:
<img src="gambar.jpg" width="200">
- Contoh:
height: Menentukan tinggi gambar.- Contoh:
<img src="gambar.jpg" height="150">
- Contoh:
3. Atribut pada tag
<input> (input form): type: Menentukan tipe input (misalnya, teks, email, password, dll.).- Contoh:
<input type="text" name="nama">
- Contoh:
name: Menentukan nama input, yang digunakan untuk mengidentifikasi input saat data dikirimkan.- Contoh:
<input type="text" name="nama">
- Contoh:
value: Menentukan nilai awal input.- Contoh:
<input type="text" name="nama" value="John Doe">
- Contoh:
placeholder: Menentukan teks yang ditampilkan sebagai contoh input.- Contoh:
<input type="text" name="nama" placeholder="Masukkan nama Anda">
- Contoh:
required: Menentukan bahwa input harus diisi.- Contoh:
<input type="text" name="nama" required>
- Contoh:
4. Atribut pada tag
<table> (tabel): colspan: Menentukan berapa kolom yang digabungkan.- Contoh:
<td colspan="2"></td>
- Contoh:
rowspan: Menentukan berapa baris yang digabungkan.- Contoh:
<td rowspan="2"></td>
- Contoh:
5. Atribut umum (dapat digunakan pada hampir semua tag):
id: Menentukan ID unik untuk elemen.- Contoh:
<div id="header"></div>
- Contoh:
class: Menentukan satu atau lebih nama kelas untuk elemen.- Contoh:
<p class="highlight">Teks ini disorot.</p>
- Contoh:
style: Menentukan gaya CSS secara inline.- Contoh:
<h1 style="color:blue;">Judul</h1>
- Contoh:
title: Menentukan informasi tambahan tentang elemen, yang biasanya ditampilkan sebagai tooltip saat pengguna mengarahkan kursor ke elemen.- Contoh:
<span title="Ini adalah tooltip">Teks dengan tooltip</span>.
- Contoh:
Komentar
Posting Komentar