HTML dili bir sıra elementləri ehtiva edir . Bunlar paraqraflar, başlıqlar, keçidlər və şəkillər kimi istifadə olunan veb-sayt komponentləri daxildir. Başlıq, nav, altbilgi və daha çox daxil olmaqla, HTML5 ilə təqdim edilən bir sıra yeni elementlər də var. Bütün bu HTML elementləri sənədin strukturunu yaratmaq və mənasını vermək üçün istifadə olunur. Elemanlara daha çox məna əlavə etmək üçün onlara atributlar verə bilərsiniz.
Əsas HTML açılış etiketi
HTML etiketinizə bir atribut əlavə etmək üçün əvvəlcə etiket adından (bu halda "p") bir yer qoyursunuz. Sonra istifadə etmək istədiyiniz öznitelik adını bərabər işarələyin. Nəhayət, öznitelik dəyəri tirnoq işarələrinə yerləşdiriləcəkdir. Misal üçün:
Tags birdən çox öznitelik ola bilər. Hər bir atributu başqalarından bir yer ayırırsınız.
Zəruri xüsusiyyətləri olan elementlər
Bəzi HTML elementləri, istədiyiniz kimi işləməyiniz üçün əslində atributları tələb edir. Şəkil elementi və link elementi bunun iki nümunəsidir.
Resim elementi "src" özniteliğini tələb edir. Bu atribut brauzerdən o mövqedə istifadə etmək istədiyiniz surəti bildirir. Öznitenin dəyəri şəkil üçün bir fayl yolu ola bilər. Misal üçün:
Bu elementə, "alt" və ya alternativ mətn öznitəsinə başqa bir xüsusiyyət əlavə etdiklərini görəcəksiniz. Bu texniki cəhətdən şəkillər üçün lazımi bir xüsusiyyət deyil, lakin həmişə bu məzmunu əlçatanlıq üçün daxil etmək üçün ən yaxşı bir tətbiqdir. Alt özniteliğinin dəyərində sadalanan mətn bir şəkil nədənsə yüklənməyəcəyi təqdirdə göstəriləcək.
Xüsusi xüsusiyyətləri tələb edən digər bir element, çapa və ya keçid etiketidir. Bu element "hiper mətn istinad" deməkdir "href" öznitəsini ehtiva etməlidir. Bu, "bu linki harada getməlidir" deyərək süslü bir yoldur. Şəkil elementinin yüklənməsinin hansı şəkil olduğunu bilməsi lazımdır, link etiketi Burada bir link tag necə görünə bilər:
Bu link indi bir şəxsin dəyərində göstərilən veb saytına gətirərdi. Bu halda, bu ana səhifədir.
CSS Hooks kimi xüsusiyyətlər
Atributlardan başqa bir istifadə, CSS üslubları üçün "qarmaqlar" kimi istifadə edildikdədir. Veb standartları, sizin səhifənin strukturunu (HTML) öz üslublarından (CSS) ayrı saxlamağınız üçün diktə etdiyindən, CSS-də bu xüsusiyyət xanımlarını veb-brauzerdə strukturlaşdırılmış səhifənin necə göstərəcəyini diktə etmək üçün istifadə edirsiniz. Məsələn, HTML sənədinizdə bu işarənin bir parçası ola bilər.
Bölmənin qara rəngli (# 000) və 1.5em font ölçüsünə malik olmasını istəyirsinizsə, bunu CSS-ye əlavə edərdiniz:
.featured {background-color: # 000; font-ölçüsü: 1.5em;}"Öyrənilən" sinif özniteliği bu sahəyə üslub tətbiq etmək üçün CSS-də istifadə etdiyimiz bir çəngəl kimi çıxış edir. İstədiyimiz təqdirdə biz də bir ID təsvir edə bilərik. Həm siniflər, həm də IDlər universal xüsusiyyətlərdir, yəni hər hansı bir elementə əlavə edilə bilərlər. Onlar həm də həmin elementin vizual görünüşünü müəyyən etmək üçün xüsusi CSS üslubları ilə hədəflənə bilərlər.
Javascript ilə əlaqədar
Nəhayət, bəzi HTML elementlərindəki atributları istifadə etmək də Javascript-da istifadə edə bilərsiniz. Müəyyən bir ID atributu olan bir element axtarır bir skriptiniz varsa, bu, HTML dilinin bu ümumi hissəsinin bir daha istifadəidir.