Apa saja 3 jenis atribut dalam html?

dan tag lainnya. Kami menggunakannya sejauh ini dalam bentuknya yang paling sederhana, tetapi sebagian besar tag HTML juga dapat memiliki atribut, yang merupakan bit informasi tambahan

Atribut digunakan untuk menentukan karakteristik elemen HTML dan ditempatkan di dalam tag pembuka elemen. Semua atribut terdiri dari dua bagian - nama dan nilai

• Nama adalah properti yang ingin Anda atur. Misalnya paragraf

  elemen dalam contoh membawa atribut yang namanya sejajar, yang dapat Anda gunakan untuk menunjukkan perataan paragraf pada halaman

• Nilai adalah apa yang Anda ingin nilai properti ditetapkan dan selalu dimasukkan dalam tanda kutip. Contoh di bawah ini menunjukkan tiga kemungkinan nilai atribut align. kiri, tengah dan kanan

Nama atribut dan nilai atribut tidak peka huruf besar-kecil. Namun, World Wide Web Consortium (W3C) merekomendasikan atribut/nilai atribut huruf kecil dalam rekomendasi HTML 4 mereka

Contoh

 

 
    
      Align Attribute  Example 
   
	
    
      
This is left aligned
 
      
This is center aligned



 
      
This is right aligned
 
   
	

Ini akan menampilkan hasil berikut -

Atribut Inti

Empat atribut inti yang dapat digunakan pada sebagian besar elemen HTML (walaupun tidak semua) adalah −

Atribut Id

Atribut id dari tag HTML dapat digunakan untuk mengidentifikasi secara unik setiap elemen dalam halaman HTML. Ada dua alasan utama mengapa Anda mungkin ingin menggunakan atribut id pada elemen −

• Jika suatu elemen membawa atribut id sebagai pengidentifikasi unik, dimungkinkan untuk mengidentifikasi hanya elemen itu dan isinya

• Jika Anda memiliki dua elemen dengan nama yang sama di dalam halaman Web (atau style sheet), Anda dapat menggunakan atribut id untuk membedakan antara elemen yang memiliki nama yang sama.

Kami akan membahas style sheet dalam tutorial terpisah. Untuk saat ini, mari gunakan atribut id untuk membedakan antara dua elemen paragraf seperti yang ditunjukkan di bawah ini

Contoh

This para explains what is HTML
This para explains what is Cascading Style Sheet

Atribut judul

Atribut judul memberikan judul yang disarankan untuk elemen tersebut. Sintaks mereka untuk atribut judul sama seperti yang dijelaskan untuk atribut id −

Perilaku atribut ini akan bergantung pada elemen yang membawanya, meskipun sering ditampilkan sebagai tooltip saat kursor berada di atas elemen atau saat elemen sedang memuat

Contoh

   
      The title Attribute Example
   
	
   
      
Titled Heading Tag Example
   
	

Ini akan menghasilkan hasil berikut -

Sekarang coba arahkan kursor Anda ke "Contoh Tag Tajuk Berjudul" dan Anda akan melihat bahwa judul apa pun yang Anda gunakan dalam kode Anda keluar sebagai tooltip dari kursor

Atribut kelas

Atribut class digunakan untuk mengasosiasikan elemen dengan style sheet, dan menentukan kelas elemen. Anda akan mempelajari lebih lanjut tentang penggunaan atribut class saat Anda mempelajari Cascading Style Sheet (CSS). Jadi untuk saat ini Anda bisa menghindarinya

Nilai atribut juga dapat berupa daftar nama kelas yang dipisahkan spasi. Misalnya −

class = "className1 className2 className3"

Atribut gaya

Atribut style memungkinkan Anda menentukan aturan Cascading Style Sheet (CSS) di dalam elemen

   
      The style Attribute
   
	
   
      
Some text...
   
	

Ini akan menghasilkan hasil berikut -

Saat ini, kita tidak mempelajari CSS, jadi mari kita lanjutkan tanpa terlalu memikirkan CSS. Di sini, Anda perlu memahami apa itu atribut HTML dan bagaimana penggunaannya saat memformat konten

Atribut Internasionalisasi

Ada tiga atribut internasionalisasi, yang tersedia untuk sebagian besar (walaupun tidak semua) elemen XHTML

Atribut dir

Atribut dir memungkinkan Anda untuk menunjukkan ke browser tentang arah aliran teks. Atribut dir dapat mengambil salah satu dari dua nilai, seperti yang Anda lihat pada tabel berikut −

Contoh

   
      Display Directions
   
	
   
      This is how IE 5 renders right-to-left directed text.
   
	

Ini akan menghasilkan hasil berikut -

Saat atribut dir digunakan di dalam tag, ini menentukan bagaimana teks akan ditampilkan di seluruh dokumen. Saat digunakan dalam tag lain, ini mengontrol arah teks hanya untuk konten tag itu

Atribut lang

Atribut lang memungkinkan Anda untuk menunjukkan bahasa utama yang digunakan dalam dokumen, tetapi atribut ini disimpan dalam HTML hanya untuk kompatibilitas mundur dengan versi HTML sebelumnya. Atribut ini telah digantikan oleh xml. atribut lang dalam dokumen XHTML baru

Nilai atribut lang adalah kode bahasa dua karakter standar ISO-639. Periksa Kode Bahasa HTML. ISO 639 untuk daftar lengkap kode bahasa

Contoh

   
      English Language Page
   

   
      This page is using English Language
   

Ini akan menghasilkan hasil berikut -

xml. Atribut lang

xml. atribut lang adalah pengganti XHTML untuk atribut lang. Nilai xml. atribut lang harus berupa kode negara ISO-639 seperti yang disebutkan di bagian sebelumnya

Atribut Generik

Berikut adalah tabel dari beberapa atribut lain yang siap digunakan dengan banyak tag HTML

Kami akan melihat contoh terkait karena kami akan melanjutkan untuk mempelajari tag HTML lainnya. Untuk daftar lengkap Tag HTML dan atribut terkait, silakan periksa referensi ke Daftar Tag HTML

Apa tiga atribut HTML?

Ringkasan Bab .

Semua elemen HTML dapat memiliki atribut

The href attribute of specifies the URL of the page the link goes to..

The src attribute of specifies the path to the image to be displayed..

The width and height attributes of provide size information for images..