HTML-də Input Types izah edin. Hansı input tiplərini tanıyırsız? Checkbox və radio fərqlərini izah edin. Aşağıdakı kod nümunəsini izah edin.
Input Types daxiletmələri yaratmaqq üçün istifadə olunur. Müxtəlif tip daxiletmələr var:
checkbox və radio seçim etmək üçün elementlərdir. checkbox istifadəçiyə sabit sayda alternativlər arasından elementləri seçməyə imkan verir, radio isə istifadəçiyə əvvəlcədən müəyyən edilmiş bir neçə alternativlər siyahısından dəqiq bir element seçməyə imkan verir .
Yuxarıdakı kodun izahı:
Form etiketi formun başlanğıcını, action atributu isə forma məlumatlarının göndəriləcəyi URL-i müəyyən edir. Bu nümunədə /action.php kimi göstərilmişdir.
Birinci (input) giriş etiketi istifadəçi adını daxil etmək üçün mətn daxiletmə sahəsidir. Tip xassəsi "text" olaraq təyin edilmişdir. İd,name, placeholder, autofocus və required xüsusiyyətlər müxtəlif məqsədlər üçün istifadə olunur. İd atributu elementi unikal şəkildə identifikasiya etmək üçün istifadə olunur, name atributu isə form təqdim edildikdə daxiletmə sahəsinin adını müəyyən edir. Placeholder xassə daxiletmə sahəsində göstəriləcək işarə mətnidir. Autofocus funksiyası səhifə yükləndikdə onu avtomatik olaraq istifadəçi adı sahəsinə fokuslamağa imkan verir. Required atribut form təqdim edilməzdən əvvəl bu sahənin doldurulmalı olduğunu göstərir.
İkinci input etiketi parolu daxil etmək üçün parol daxiletmə sahəsidir. Tip xassəsi "password" olaraq təyin edilib, ona görə də istifadəçinin daxil etdiyi simvollar gizlədilir. Digər funksiyaların məqsədi və funksiyası istifadəçi adı sahəsinə bənzəyir.
Son daxiletmə etiketi formanı təqdim etməyə imkan verən göndərmə düyməsidir. Type xassəsi submit" olaraq təyin edilib və value xassəsi düymənin üstündə görünən mətni təyin edir. Bu nümunədə "Daxil olun" kimi göstərilmişdir.
Bu forma istifadəçidən istifadəçi adı və parol məlumatlarını toplayır və formu təqdim edildikdə məlumatları "/action.php" ünvanına göndərir.
8.
HTML-də Video and Audio etiketlərini izah edin. Responsive design nədir və nə üçün istifadə olunur?
HTML
controls atributu oynatma, fasilə və səs səviyyəsi kimi video nəzarətlərini əlavə edir.
Həmişə width və height atributlarını daxil etmək yaxşı fikirdir.
elementi brauzerin seçə biləcəyi alternativ video faylları təyin etməyə imkan verir.
Əgər birdən çox format növü seçilibsə brauzerin tanıdığı ilk video formatında görünəcək.
teqləri arasındakı mətn yalnız
HTML
controls atributuna oxutma, fasilə və səs səviyyəsi kimi audio nəzarətləri əlavə edir.
elementi brauzerin seçə biləcəyi alternativ audio faylları təyin etməyə imkan verir. Əgər birdən çox format növü seçilibsə brauzerin tanıdığı ilk audio formatında görünəcək.
teqləri arasındakı mətn yalnız
Responsive design bütün cihazlarda yaxşı görünən veb səhifələr yaratmaqdır!
Responsive design avtomatik olaraq müxtəlif ekran ölçüləri və baxış pəncərələri üçün uyğunlaşacaq.
Responsive design bütün cihazlarda (masaüstü kompüterlər, planşetlər və telefonlar) yaxşı görünməsi üçün vebsaytın ölçüsünü avtomatik olaraq dəyişmək, gizlətmək, kiçiltmək və ya böyütmək üçün HTML və CSS-dən istifadə edir.
9.
CSS nədir? CSS-də Syntax, Selectors, Comments izah edin. Hansı seçim üsullarını tanıyırsız?
CSS (Cascading Style Sheets) - HTML, bir səhifənin məzmununu təsvir etmək üçün istifadə edilir, CSS isə HTML səhifəsindəki məzmunun görünümünü tənzimləmək üçün istifadə edilir.
CSS, səhifələrin üslubunu təyin etmək üçün istifadə olunan bir stil dilidir. CSS vasitəsilə səhifənin arxa fon rəngi, yazı şrifti, ölçüsü və rəngi, elementlərin yerləşməsi kimi bir çox görünüş xüsusiyyətləri təyin edilir.
CSS sintaksisi seçicilər və bir blok kodundan ibarət olur. Seçicilər dedikdə HTML elementləri və ya klass və id-lər kimi xüsusiyyətlər nəzərdə tutulur. Blok, kodu açan mötərizə { ilə başlayır və bağlayan mötərizə } ilə sona çatır.
Nümunə: (istəsə)
h1{
color: red;
}
CSS seçiciləri, HTML-dəki elementləri seçmək üçün istifadə edilir. Seçicilər, HTML elementlərinə müvafiq stil tətbiq etmək üçün çox önəmlidir.
Element seçicisi: HTML elementini seçmək üçün istifadə olunur. Məsələn, "p" seçicisi bütün paragrafları seçir.
Class seçicisi: HTML elementinə class atributu verildikdə, o classa aid olan bütün elementləri seçmək üçün istifadə olunur. Məsələn, ".text" seçicisi classı " text" olan bütün elementləri seçir.
İd seçicisi: HTML elementinə id atributu verildikdə, o id-yə aid olan elementi seçmək üçün istifadə olunur. Məsələn, "#navbar" seçicisi id-si " navbar " olan elementi seçir.
CSS-də şərhlər, css kod sətirlərindən müxtəlif hissələrə şərhlər əlavə etmək üçün istifadə olunur. Şərhlər sətirlər arasında istənilən yerdə yazıla bilər və CSS tərəfindən görülür, ancaq brauzerlər tərəfindən göstərilmir.
CSS-də şərhlər iki simvol ilə başlayır - "/*" və sona çatdıqdan sonra iki simvol ilə bağlanır - "*/". Şərhlər daxilində hər hansısa bir mətn yazıla bilər və bu mətn CSS kodunun istənilən hissəsi ilə əlaqədar ola bilər.
Əksər hallarda, şərhlər stil sətirlərində hər hansısa bir dəyişiklik etmək və ya bir sətirin nə üçün istifadə edildiyini göstərmək üçün istifadə olunur.
10.
CSS-də Colors, Backgrounds izah edin. Rəngləri hansı üsullarla tanıda bilərik? Hansı Background xüsusiyyətlərini tanıyırsız? Aşağıdakı kod nümunəsini izah edin.
CSS-də rənglər fərqli formada təyin edilə bilər. Rəngləri istifadə edərkən, səhifədəki hər hansısa bir elementin arxa fon rəngini, mətn rəngini, kənar xəttinin rəngini və ya hər hansısa başqa rəngləri dəyişdirmək mümkündür. İstifadə edilə bilən rəng formatları aşağıdakılardır:
Name - Rəngləri təyin etmək üçün rəng adları istifadə olunur.
RGB - Rəngləri təyin etmək üçün RGB (Red Green Blue) formatı istifadə olunur.
RGBA - RGBA formatı, RGB formatına bənzəyir, ancaq alfa dəyəri əlavə edilir.
HEX - HEX formatı, RGB formatından fərqli olaraq, rəngləri 16lıq say sistemində təyin edir.
HSL - HSL (Hue, Saturation, Lightness) formatı, rəngi təyin etmək üçün təbəqələrə əsaslanır.
HSLA - HSLA (Hue, Saturation, Lightness, Alpha) formatı, rəngi təyin etmək üçün təbəqələrə və alfa dəyərinə əsaslanır.
CSS-də background xüsusiyyəti, elementin arxasındakı görüntünü və ya rəngi dəyişdirmək üçün istifadə edilir. Background dəyərləri aşağıdakılardır:
background-color: elementin arxasındakı rəngi dəyişdirir. Məsələn: background-color: green; kimi bir dəyər verilərək elementin arxasındakı rəngi yaşıla dəyişmək olar.
background-image: elementin arxasındakı şəkili dəyişdirir. Məsələn: background-image: url(image.jpg); kimi bir dəyər verilərək elementin arxasındakı şəkili image.jpg faylındakı görüntü ilə əvəz etmək olar.
background-repeat: elementin arxasındakı şəkilin təkrar edilib-edilməməsini təyin edir. Dəyərlərindən biri repeat olub, şəkili üfüqi və şaquli istiqamətlərdə təkrarlayır. Digər bir dəyəri isə no-repeat-dir və şəkilin təkrarlanmasının qarşısını alır.
background-position: elementin arxasındakı şəkilin mövqeyini təyin edir. Dəyərləri xüsusi koordinatlar təyin edərək müəyyən edilə bilər.
background-size: elementin arxasındakı şəkilin ölçüsünü təyin edir. Dəyərləri cover və ya contain ola bilər.
background-attachment: arxa fon şəklinin ekranda sürüşdürüldüyünü və ya sabitlənəcəyini müəyyən edir.
