Belajar HTML : Attribut HTML Bag.1


Belajar HTML : Attribut HTML




Attribut HTML menyediakan informasi tentang tag html. Semua tag html bisa memiliki attribut. Attribut biasanya ditulis diawalan tag. contohnya : <tag attribut="">


   Daftar Isi

Attribut href

Attribut href digunakan didalam link HTML untuk mengefenisikan url yang akan dituju. Seperti :

_________________________________________________
<body>
        <a href="https://www.pekanesia.com/">Ini adalah Link</a>
</body>
_________________________________________________


href juga digunakan untuk menentukan file CSS yang akan diambil secara eksternal. Seperti :

_________________________________________________
<head>
       <link rel="stylesheet" href="style.css">
</head>
<body>
      <a href="https://www.pekanesia.com/">Link menuju website pekanesia</a>
</body>
_________________________________________________



Attribut src

Attribut src digunakan untuk menentukan gambar dalam tag img. seperti :

_________________________________________________
<body>
       <img src="gambar.jpg">
</body>
_________________________________________________


src juga digunakan untuk mendefinisikan file javascript yang akan di load kedalam laman website. contoh :

__________________________________________________
<body>
       <img src="gambar.jpg">
       <script src="javascript.js"></script>
</body>
__________________________________________________



Attribut width dan height

Attribut width dan height berfungsi menentukan ukuran dari gambar, angka dalam attribut width dan height memiliki ukuran dalam Pixel (PX). contoh :

__________________________________________________
<body>
       <img src="gambar.jpg" width="200" height="200">
</body>
__________________________________________________



Attribut alt

Attribut alt digunakan sebagai alternatif jika gambar yang dimaksud tidak tampil karena ada kesalahan. Kesalahan yang dimaksud bisa berupa kesalahan penulisan nama gambar atau lainnya. Sehingga teks yang berada dalam attribut alt akan muncul sebagai pengganti gambar. Contoh :

_________________________________________________
<body>
     <img src="bunge.jpg" width="300" height="300" alt="Bunga">
</body>
_________________________________________________

Pastikan attribut src berisi nama yang salah agar attribut alt muncul sebagai ganti gambar yang salah tersebut.




Baca artikel sebelumnya di Belajar HTML : Elemen Dasar HTML bag.2 #4
Lihat juga artikel Belajar HTML : Attribut HTML Bag.2 #6



Komentar

Posting Komentar