Belajar HTML Dasar : Atribut HTML


JogjaXploit.site. Bagi kalian yang baru belajar HTML, maka artikel mengenai Belajar HTML Dasar : Atribut HTML ini sangat cocok bagi kalian. Apa itu Atribut HTML? Disini akan kita bahas bersama-sama. Mengapa cocok? karena atribut pada HTML itu sangatlah penting untuk kita pahami dan pelajari. Jadi, pada kesempatan kali ini kita akan belajar mengenai Atribut pada HTML

Bagi kalian yang belum membaca materi tentang HTML sebelumnya, kalian dapat membaca nya terlebih dahulu.

Baca juga -> Belajar HTML Dasar : Elemen Quotes.

Jika sudah, mari kita mulai belajar mengenai Atribut pada HTML.

Apa itu Atribut HTML?

Atribut HTML memberikan informasi tambahan tentang atau mengenai elemen HTML. Bingung? kita lanjut dulu saja, mudah kok hehe.

Tentang Atribut pada HTML

  • Setiap atribut, pasti ditentukan pada awal tag
  • Atribut HTML memberikan informasi tambahan tentang suatu elemen
  • Perlu kalian ketahui, semua elemen pada HTML dapat memiliki atribut.
  • Setiap atribut HTML biasanya terdiri dari suatu pasangan antara name / nama dan value / angka seperti name = "value".
Atribut href

Link atau tautan pada HTML biasanya di tandai dengan adanya tag <a> yang mana lokasi atau alamat dari Link atau tautan tersebut terdapat pada atribut href.

Contoh nya :

<a href="https://www.jogjaxploit.site">Ini adalah Link</a>


Atribut src

Gambar pada HTML, didefinisikan dengan tag <img>, dan untuk alamat atau lokasi gambar nya berada, menggunakan sebuah atribut src.

Contoh nya :



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


Dan hasil dari penulisan di atas seperti ini.



Atribut Lebar (width) dan Tinggi (height)

Lebar dan tinggi, biasanya digunakan pada gambar. Yang mana menentukan suatu ukuran lebar dan tinggi dari gambar tersebut.

Contoh nya :



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


Yang mana satuan ukuran 500 dan 400 pada contoh diatas ditentukan dalam satuan piksel. 500 piksel untuk lebar (width) dan 400 piksel untuk tinggi (height).

Atribut alt

Alternatif atau disingkat alt, merupakan sebuah atribut yang mana digunakan untuk memberikan teks atau tulisan apabila gambar tidak dapat ditampilkan.

Pemberian atribut alt ini sangat penting, untuk memberikan pesan tulisan apabila gambar kalian tidak dapat ditampilkan.

Contoh nya :



<img src="jogjaxploit.jpg" alt="Jogjaxploit bray hehe">


Pada contoh diatas, kita memberikan alt "JogjaXploit bray hehe" yang mana saaat gambar tidak dapat ditampilkan, baik gambar nya hilang atau lokasi gambar tidak ada, terdapat pesan atau alternatif teks.

Lebih jelasnya, lihat hasil nya di bawah ini.



Atribut style

Atribut style ini digunakan untuk memberikan atau menentukan styling. Seperti warna, jenis font, ukuran, align, dan lain-lain.

Contoh nya :

<p style="color:red">JogjaXploit warna merah</p>


Hasil dari penulisan diatas seperti ini.



Atribut Lang

Atribut Lang mendefinisikan suatu dokumen tersebut menggunakan bahasa apa.

Lang atribut dapat dinyatakan dalam tag <html>

Atribut ini penting untuk memberi tahu mesin pencari atau search engine.

Contoh nya :


<!DOCTYPE html>
<html lang="en-US">
<body>

...

</body>
</html>

Yang mana isi dari atribut lang yaitu bahasa apa yang ingin kita beritahu dan kita pakai pada dokumen kita. Seperti en (english), id (indonesia), dan lain sebagainya.

Gimana mudah bukan materi dan pemahaman tentang Atribut pada HTML?. Jika kalian masih bingung atau kesulitan, tidak usah khawatir dahulu. Ulangi lagi, baca lagi, nanti akan paham dengan sendirinya.

Pada materi HTML selanjutnya, kita akan membahas mengenai Komentar pada HTML. Mungkin cukup sekian yang dapat kami bagikan, semoga bermanfaat. Terima kasih dan sampai jumpa.

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