Tahap 7: Atribut ~ SERSAN

Anda dapat menambahkan atribut ke sejumlah elemen.

Apa itu atribut?

Seperti Anda mungkin ingat, unsur memberi struktur ke dokumen HTML dan memberitahu browser bagaimana Anda ingin website Anda yang akan disajikan (misalnya, <br /> memberitahu browser untuk membuat satu baris). Dalam beberapa elemen yang Anda dapat menambahkan informasi lebih lanjut. Informasi tambahan seperti ini disebut atribut.
Contoh 1:

 <h2 style="background-color:#ff0000;">My friendship with HTML</h2>
 <h2 style="background-color:#ff0000;">My friendship with HTML</h2>

Atribut selalu ditulis dalam tag awal dan diikuti oleh tanda sama dengan dan rincian atribut ditulis antara tanda kutip. Titik koma setelah atribut untuk memisahkan perintah gaya yang berbeda. Kami akan kembali ke nanti.

Apa yang menangkap?

Ada atribut yang berbeda. Yang pertama Anda akan belajar adalah gaya. Dengan atribut style Anda dapat menambahkan tata letak pada website Anda. Misalnya warna latar belakang:
Contoh 2:

 <html> <head> </head> <body style="background-color:#ff0000;"> </body> </html>
 <html> <head> </head> <body style="background-color:#ff0000;"> </body> </html>

akan menampilkan halaman-benar merah di browser - pergi ke depan dan melihat sendiri. Kami akan menjelaskan secara lebih rinci bagaimana sistem warna bekerja dalam beberapa saat.
Perhatikan bahwa beberapa tag dan atribut menggunakan ejaan AS warna yaitu bukan warna. Adalah penting bahwa Anda berhati-hati untuk menggunakan ejaan yang sama seperti yang kita gunakan dalam contoh-contoh dalam tutorial ini - jika tidak, browser tidak akan dapat memahami kode Anda. Juga, jangan lupa untuk selalu menutup tanda kutip (tanda kutip) setelah sebuah atribut.

Bagaimana halaman menjadi merah?

Dalam contoh di atas, kami meminta warna latar belakang dengan kode "# ff0000". Ini adalah kode warna untuk merah menggunakan angka heksadesimal sehingga disebut (HEX). Setiap warna memiliki nomor heksadesimal sendiri. Berikut adalah beberapa contoh:
Putih: # ffffff
Hitam: # 000000 (nol)
Merah: # ff0000
Biru: # 0000FF
Hijau: # 00FF00
Kuning: # ffff00
Sebuah kode warna heksadesimal terdiri dari # dan enam angka atau huruf. Ada lebih dari 1000 kode HEX dan tidak mudah untuk mencari tahu mana kode HEX terikat pada warna tertentu. Untuk memudahkan kami telah membuat grafik dari 216 warna yang paling umum digunakan: 216 Web Bagan Warna Aman .
Anda juga dapat menggunakan nama bahasa Inggris untuk warna yang paling umum (putih, hitam, merah, biru, hijau dan kuning).
Contoh 3:

 <body style="background-color: red;">
 <body style="background-color: red;">

Cukup tentang warna. Mari kita kembali ke atribut.

Yang elemen dapat menggunakan atribut?

Atribut yang berbeda dapat diterapkan untuk unsur yang paling.
Anda akan sering menggunakan atribut dalam tag seperti tag badan saat Anda akan jarang menggunakan atribut dalam, misalnya, tag br sejak satu baris biasanya adalah satu baris tanpa parameter apapun untuk menyesuaikan diri.
Sama seperti ada unsur-unsur yang berbeda, jadi ada atribut yang berbeda. Beberapa atribut dibuat khusus untuk satu elemen tertentu sementara yang lain dapat digunakan untuk elemen yang berbeda. Dan sebaliknya: beberapa elemen hanya dapat berisi satu jenis atribut sementara yang lain dapat berisi banyak.
Ini mungkin terdengar sedikit membingungkan tetapi sekali Anda berkenalan dengan atribut yang berbeda hal ini sebenarnya sangat logis dan Anda akan segera melihat betapa mudahnya mereka untuk menggunakan dan berapa banyak kemungkinan mereka sediakan.
Tutorial ini akan memperkenalkan Anda ke atribut yang paling penting.

Tepat apa bagian tidak elemen terdiri dari?

Umumnya elemen terdiri dari tag pembuka dengan atau tanpa satu atau lebih atribut, beberapa konten dan tag akhir. Sesederhana itu. Lihat ilustrasi di bawah ini.
Sebuah elemen