Belajar HTML Dasar : Atribut Pada HTML


Back again at JogjaXploit. Kali ini kami akan melanjutkan seri Belajar HTML dasar mengenai Atribut pada HTML. Bagi kalian yang belum paham mengenai apa maksud dari Atribut pada HTML, jangan khawatir karena kami akan membahasnya disini.

Atribut pada HTML menyediakan informasi tambahan tentang elemen pada HTML

Point - point nya :
  • Semua elemen HTML dapat memiliki atribut ( tidak terkecuali )
  • Atribut pada HTML selalu ditentukan pada tag awal
  • Biasanya, Atribut HTML berasal dari pasangan antara name = "value"
  • Atribut pada HTML memberikan informasi tambahan tentang suatu elemen
Berikut ini akan kami berikan contoh" atribut yang terdapat pada HTML

Atribut href

Untuk membuat link pada HTML, menggunakan tag <a>. Lokasi Link nya ditentukan dalam atribut href.


<img src="jogjaxploit.jpg" alt="Ini gambar JogjaXploit">


Pada tutorial selanjutnya, akan kami bahas lebih dalam lagi mengenai tag <a>

Atribut Src

Untuk menambahkan gambar pada HTML, kita menggunakan tag <img> dan untuk lokasi penyimpanan gambar nya, kita menggunakan elemen <src>. Contoh nya.



<img src="jogjaxploit.jpg">


Atribut yang digunakan untuk mengatur lebar dan tinggi

Untuk mengatur ukuran lebar dan tinggi suatu gambar pada HTML, kita dapat menggunakan atribut <width> untuk lebar dan <height> untuk tinggi. Contoh nya



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


Pada contoh tersebut, gambar akan diatur pada lebar <width> 500 dan tinggi <height> 600.

Atribut Alt

Atribut Alt digunakan untuk memberikan sebuah teks alternatif apabila gambar tidak dapat di tampilkan. atribut alt merupakan singkatan dari alternatif. Contohnya


<img src="jogjaxploit.jpg" alt="Ini gambar JogjaXploit">


Hasil dari Atribut Alt diatas sebagai berikut.


Mungkin cukup sekian artikel mengenai Atribut pada HTML. Sebenarnya masih banyak atribut yang terdapat pada HTML. Namun setidaknya kalian sudah mengerti dan paham dari artikel kami ini.

Selamat berjumpa lagi dan terima kasih.

Silahkan Bertanya atau Beri Tanggapannya, Terima Kasih

Posting Komentar

Silahkan Bertanya atau Beri Tanggapannya, Terima Kasih

Post a Comment (0)

Lebih baru Lebih lama

ads

ads