Rabu, Agustus 28, 2019

Atribut html

Atribut HTML digunakan untuk menyediakan ekstra atau tambahan informasi terhadap sebuah elemen.

satu, Semua elemen HTML dapat memiliki atribut. Atribut menyediakan tambahan informasi mengenai sebuah elemen.
dua, Atribut melibatkan dua parameter: nama dan nilai. Parameter tersebut mendefinisikan properti dari elemen dan ditempatkan di dalam pembukaan tag pada elemen. Parameter nama menjelaskan nama dari properti yang akan ditambahkan pada elemen dan parameter nilai menjelaskan nilai atau tambahan dari properti nama yang akan ditempatkan pada elemen.
tiga, Setiap nama memiliki beberapa nilai yang harus ditulis dapat tanda kutip.

Sintak:
<element attribute_name="attribute_value">

Berikut ini adalah beberapa atribut yang sering digunakan pada HTML:
satu, Atribut src: jika ingin menambahkan gambar pada laman web, maka dibutuhkan tag <img> dan atribut src untuk menambahkan gambar tersebut. Dibutuhkan alamat spesifik dari gambar sebagai nilai atribut di dalam tanda kutip.

Output
output dari tag img dan atribut src
Gambar 1 output hasil

dua, Atribut alt: sesuai dengan namanya fungsi dari atribut ini adalah untuk menampilkan atau memperlihatkan alternatif tampilan jika atribut utama seperti <img> gagal untuk menampilkan gambar yang ingin ditampilkan. Atribut ini juga bisa digunakan untuk mendeskripsikan gambar kepada developer yang biasanya diletakkan dibagian akhir dari kode program.

Output:
penggunaan alt sebagai alternatif jika gambar yang dituju tidak muncul pada lamat web
Gambar 2 hasil output 

tiga, Atribut height dan width: atribut ini digunakan untuk menyesuaikan lebar dan panjang dari sebuah gambar. contoh:

Output:
penggunaan height dan width untuk menyesuaikan ukuran panjang dan lebar dari suatu gambar pada laman web
Gambar 3 pengaturan panjang dan lebar

empat, Atribut id: atribut id digunakan untuk menyediakan sebuah identifikasi unik dari sebuah elemen. Situasi mungkin menjadi lebih sulit ketika ingin melakukan akses secara spesifik terhadap elemen yang memiliki nama yang sama terhadap elemen yang lain. Untuk hal tersebut, disediakan id yang berbeda terhadap berbagai elemen sehingga dapat dilakukan akses secara spesifik terhadap elemen yang sama pada HTML. Atribut ini biasanya digunakan pada CSS, akan dipelajari pada materi selanjutnya.

lima, Atribut title: atribut title digunakan untuk menjelaskan elemen ketika menggeser (hover) menuju ke elemen tersebut. Setiap elemen memiliki kebiasaan yang berbeda tetapi secara umum nilai tersebut akan ditampilkan ketika proses loading atau hovering pointer mouse menuju ke elemen. Contoh:

Output:
melakukan proses hover pointer yang memberikan perubahan pada laman web
Gambar 4 melakukan hover pointer 

enam, Atribut href: atribut href digunakan untuk menuju link spesifik dari sebuah alamat web. Atribut ini digunakan bersama dengan tag <a>. Link diletakkan di dalam atribut href yang akan dihubungkan terhadap alamat teks yang ditampilkan pada tag <a>.

Ketika melakukan klik pada teks yang disisipi link maka akan langsung diarahkan ke laman web yang terdapat pada link tersebut. Secara otomatis, link akan dibuka pada tag yang sama tetapi dengan menggunakan atribut targer dan pengaturan nilai terhadap atribut tersebut, maka selanjutnya alamat link akan terbuka. Setelah link di klik maka akan diarahkan ke laman web sesuai link pada satu tab yang sama atapun berbeda sesuai dengan nilai atribut target.

Output:
penggunaan <a> untuk menuju ke alamat web lain
Gambar 5 Link menuju ke alamat web lain 

tujuh, Atribut style: Atribut ini digunakan untuk menyediakan berbagai variasi efek CSS (Cascading Style Sheets) terhadap elemen HTML seperti memperbesar ukuran font, mengubah jenis font, perngaturan warna, dan lain sebagainya. Secara lengkap akan dijelaskan pada bagian HTML Style. Program berikut ini akan menampilkan beberapa nama dan nilai yang digunakan bersamaan dengan atribut style.

Output:
mengatur style pada laman html
Gambar 6 mengatur style huruf pada laman web

delapan, Atribut lang: HTML dideklarasikan bersamaan dengan atribut lang. Pendeklarasian atribut ini sangat penting untuk mengakses aplikasi dan mesin pencari.

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

... 

</body> 
</html>

Tidak ada komentar:

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Footer Adsense