Bahasa HTML termasuk beberapa elemen. Ini termasuk komponen laman web yang sering digunakan seperti perenggan, tajuk, pautan, dan imej. Terdapat juga beberapa elemen baru yang diperkenalkan dengan HTML5, termasuk header, nav, footer, dan banyak lagi. Semua elemen HTML ini digunakan untuk membuat struktur dokumen dan memberi makna. Untuk menambahkan lebih banyak arti kepada elemen, anda boleh memberi mereka atribut.
Tag pembuka HTML asas bermula dengan
Untuk menambah atribut pada tag HTML anda, anda pertama kali meletakkan ruang selepas nama tag (dalam kes ini ialah "p"). Kemudian anda akan menambah nama atribut yang ingin anda gunakan diikuti dengan tanda yang sama. Akhirnya, nilai atribut akan diletakkan dalam tanda petikan. Sebagai contoh:
Teg boleh mempunyai pelbagai atribut. Anda akan memisahkan setiap atribut dari yang lain dengan ruang.
Elemen Dengan Sifat yang Diperlukan
Sesetengah elemen HTML sebenarnya memerlukan atribut jika anda mahu mereka berfungsi seperti yang diharapkan. Elemen imej dan elemen pautan adalah dua contoh ini.
Unsur imej memerlukan atribut "src". Atribut itu memberitahu pelayar yang imej yang anda ingin gunakan di lokasi tersebut. Nilai atribut akan menjadi laluan fail kepada imej. Sebagai contoh:
Anda akan melihat bahawa saya menambah atribut lain kepada elemen ini, atribut teks "alt" atau alternatif. Ini tidak secara teknikal merupakan sifat yang diperlukan untuk imej, tetapi merupakan amalan terbaik untuk selalu memasukkan kandungan ini untuk diakses. Teks yang disenaraikan dalam nilai alt atribut adalah apa yang akan dipaparkan jika imej gagal dimuat untuk beberapa sebab.
Satu lagi unsur yang memerlukan atribut spesifik adalah tanda anchor atau pautan. Elemen ini mesti termasuk atribut "href", yang bermaksud 'rujukan hiperteks.' Ini adalah cara yang paling baik untuk mengatakan "di mana pautan ini perlu pergi." Sama seperti elemen imej perlu tahu imej yang dimuatkan, tag pautan mesti tahu di mana ia sepatutnya. Berikut ialah cara melihat pautan pautan:
Pautan itu sekarang akan membawa seseorang ke laman web yang dinyatakan dalam nilai atribut. Dalam kes ini, ia adalah halaman utama.
Atribut sebagai Cangkuk CSS
Penggunaan atribut lain adalah apabila ia digunakan sebagai "cangkuk" untuk gaya CSS. Oleh kerana piawaian web menetapkan bahawa anda harus mengekalkan struktur laman anda (HTML) yang terpisah dari gaya (CSS), anda menggunakan kaitan atribut ini dalam CSS untuk menentukan bagaimana halaman berstruktur akan dipaparkan dalam penyemak imbas web. Sebagai contoh, anda boleh mempunyai sekeping markup dalam dokumen HTML anda.
Sekiranya anda mahu pembahagian itu mempunyai warna latar belakang hitam (# 000) dan saiz font 1.5em, anda akan menambah ini ke CSS anda:
.featured {background-color: # 000; saiz font: 1.5em;}Atribut kelas "dipaparkan" berfungsi sebagai cangkuk yang kita gunakan dalam CSS untuk memohon gaya ke kawasan itu. Kita juga boleh menjadi atribut ID di sini jika kita mahu. Kedua-dua kelas dan ID adalah atribut sejagat, yang bermaksud bahawa mereka boleh ditambah ke mana-mana elemen. Mereka juga boleh disasarkan dengan gaya CSS tertentu untuk menentukan penampilan visual elemen itu.
Mengenai Javascript
Akhirnya, menggunakan atribut pada elemen HTML tertentu juga merupakan sesuatu yang anda boleh gunakan dalam Javascript. Sekiranya anda mempunyai skrip yang sedang mencari unsur dengan atribut ID tertentu, itu adalah satu lagi penggunaan sekumpulan bahasa HTML ini.