Belajar HTML Untuk Pemula Part 5: Pengertian Atribut HTML

Belajar HTML Untuk Pemula Part 5: Pengertian Atribut HTML

Belajar HTML Untuk Pemula: Pengertian Atribut HTML - Atribut HTML adalah informasi tambahan tentang suatu elemen yang biasa diletakan pada awal tag pembuka. Informasi tambahan yang dimaksud berupa intruksi untuk memberikan warna pada teks, ketebalan teks, besar huruf pada teks dan lain sebagainya.

Atribut memiliki dua bagian, yaitu name (nama) dan value (nilai) yang dapat ditulis seperti: name="value". Untuk nilai (value) penulisannya diantara kutip dua.

Macam-Macam Atribut HTML

Perlu kamu ketahui, ada beberapa jenis atribut yang terdapat pada HTML. Atribut ini juga saling berperan penting dalam proses pembuatan halaman website. Berikut adalah Atribut yang biasanya digunakan pada halaman web:

#1 Atribut href

Atribut href biasa digunakan untuk membuat teks menjadi hypertext link.


<!DOCTYPE html>
<html>
<body>

<a href="https://www.wendyandriyan.info">Ini adalah Atribut href</a>

</body>
</html>


  • <a> adalah tag anchor link
  • href adalah nama dari atribut
  • https://www.wendyandriyan.info adalah nilai dari atribut sekaligus link tujuan ketika sebuah teks di klik
  • Ini adalah Atribut href adalah element dari <a>

#2 Atribut src

Atribut src (source) biasa digunakan untuk memilih lokasi penyimpanan gambar atau lokasi dimana gambar diambil.


<!DOCTYPE html>
<html>
<body>

<img src="img_girl.jpg"

</body>
</html>



#3 Atribut alt

Atribut alt biasa digunakan untuk memberikan sebuah teks alternatif atau deskripsi pada suatu gambar yang ditampilkan.

Jika nantinya gambar tidak dapat ditampilkan, maka atribut alt sangatlah berperan penting sebagai pengganti gambar dan sebagai informasi mengenai gambar.


<!DOCTYPE html>
<html>
<body>

<img src="img_girl.jpg" alt="Foto Wanita Menggunakan Jaket">

</body>
</html>


#4 Atribut width dan height

Atribut width dan heigh biasa digunakan untuk menentukan lebar dan tinggi suatu gambar.


<img src="img_girl.jpg" width="500" height="600"> 


#5 Atribut style

Atribut style biasa digunakan untuk menentukan gaya suatu elemen, seperti warna, font, ukura dan lain sebagainya.


<p style="color:red">Membuat Paragraf Dengan Warna Teks Merah</p> 


#6 Atribut lang

Atribut lang biasa digunakan untuk mengidentifikasikan bahasa yang digunakan dari sebuah halaman website.



<!DOCTYPE html>
<html lang="id">
<body>

...

</body>
</html>



#7 Atribut title

Di sini, atribut judul ditambahkan ke dalam element <p>. Nilai dari atribut title akan ditampilkan sebagai tooltip ketika kamu mengarahkan mouse ke paragraf.


<p title="Aku Adalah Sebuah Tooltip">
Ini adalah sebuah paragraf
</p> 


Nah itu dia pembahasan mengenal Belajar HTML: Pengertian Atribut HTML. Sampai disini, semoga penjelasannya dapat dimengerti dan dipahami dengan baik ya.

Panduan Belajar HTML Lainnya

Belajar HTML Untuk Pemula Part 1: Pengertian HTML
Belajar HTML Untuk Pemula Part 2: Text Editor HTML
Belajar HTML Untuk Pemula Part 3: Kode Dasar HTML
Belajar HTML Untuk Pemula Part 4: Mengenal Element HTML
Belajar HTML Untuk Pemula Part 5: Pengertian Atribut HTML 
Belajar HTML Untuk Pemula Part 6: Heading Dalam HTML 

Tidak ada komentar untuk "Belajar HTML Untuk Pemula Part 5: Pengertian Atribut HTML"

Berlangganan via Email