HTML tili qator elementlarni o'z ichiga oladi. Ular paragraflar, sarlavhalar, havolalar va tasvirlar kabi keng tarqalgan ishlatiladigan veb-sayt tarkibiy qismlarini o'z ichiga oladi. HTML5 bilan tanishtirilgan bir qator yangi elementlar, jumladan, sarlavha, nav, altbilgi va boshqalar. Ushbu HTML elementlarning barchasi hujjat tuzilishini va uning mazmunini berish uchun ishlatiladi. Elementlarga qo'shimcha ma'no qo'shish uchun siz ularga atributlar bera olasiz.
Asosiy HTML ochish yorlig'i
HTML yorlig'iga atributni kiritish uchun avval tag nomi (bu holda "p") bo'lganidan keyin bo'sh joy qo'yasiz. So'ngra siz foydalanmoqchi bo'lgan atribut nomini, keyin esa teng belgini qo'shasiz. Nihoyat, atribut qiymati tirnoq belgilariga joylashtiriladi. Masalan:
Teglar bir nechta atributlarga ega bo'lishi mumkin. Har bir xususiyatni boshqalardan ajratib qo'yasiz.
Zarur atributli elementlar
Ba'zi HTML elementlari agar ular siz istagan ishni bajarishni istasangiz, aslida atributlarni talab qiladi. Rasm elementi va bog'lanish elementi buning ikkita misoli.
Rasm elementi "src" xususiyati talab qiladi. Bu atribut brauzerni o'sha joydan qaysi tasvirni ishlatishni istayotganini bildiradi. Xususiyatning qiymati tasvir uchun fayl yo'lidir. Masalan:
Siz ushbu elementga, "pastki" yoki muqobil matn xususiyati bilan boshqa xususiyatni qo'shganimni ko'rasiz. Bu texnik jihatdan tasvirlar uchun kerakli xususiyat emas, lekin bu tarkibni doimo mavjudligi uchun eng yaxshi usul. Pastki attributning qiymatida ko'rsatilgan matn, agar biron-bir sababga ko'ra tasvirni yuklab olmasa ko'rsatiladigan matn hisoblanadi.
Muayyan atributlarni talab qiladigan yana bir element - langar yoki aloqa yorlig'i. Ushbu element "gipermatnli mos yozuvlar" degan ma'noni anglatuvchi "href" atributini o'z ichiga olishi kerak. Bu "bu havola qayerga borishi kerak" degan xayoliy uslubdir. Rasm elementi qaysi rasmni yuklash kerakligini bilishi kerak bo'lganida, aloqa yorlig'i Qaerda bo'lishi kerakligini bilib oling. Bog'lanish yorlig'i qanday ko'rinishi mumkin:
Ushbu ulanish endi odamni atribut qiymatida ko'rsatilgan veb-saytga keltiradi. Bunday holda, bu asosiy sahifadir.
CSS Hooks kabi xususiyatlar
Atributlardan yana foydalanish, CSS uslublari uchun "kanca" sifatida ishlatilganda. Veb-standartlar sizning sahifangizning tuzilishini (HTML) o'z uslublaridan (CSS) ajratib turishi kerakligini belgilab qo'yganligi sababli, siz CSS-da ushbu xususiyatli kookatlardan veb-brauzerda tuzilgan sahifaning qanday ko'rinishini belgilash uchun foydalanasiz. Misol uchun, sizning HTML hujjatingizda bu formatni tuzishingiz mumkin.
Agar siz ushbu bo'linmaning qora (# 000) fon rangi va 1.5em shrift hajmiga ega bo'lishini xohlasangiz, buni CSS-ga qo'shasiz:
.featured {fon-rang: # 000; shrift o'lchami: 1.5em;}"Taniqli" sinf xususiyati shu sohaga uslublarni qo'llash uchun CSS-dan foydalanadigan kanca sifatida ishlaydi. Agar xohlasak, bizga ID identifikatorini ham berishi mumkin. Har ikkala sinf va identifikator universal fazilatlardir, ya'ni ular har qanday elementga qo'shilishi mumkin. Ular, shuningdek, ushbu elementning ingl. Ko'rinishini aniqlash uchun maxsus CSS uslublari bilan ham maqsadga muvofiq bo'lishi mumkin.
Javascript bo'yicha
Va nihoyat, ayrim HTML elementlaridagi atributlardan foydalanib, siz Javascript da foydalanishingiz mumkin. Agar ma'lum bir ID identifikatoriga ega bo'lgan elementni qidiradigan skript mavjud bo'lsa, bu HTML tilining bu keng tarqalgan qismidan yana bir foydalanish.