Font size
WorksheetsSoftware Village Quiz-1
Total questions: 80
Worksheet time: 1hrs 21mins
HTML-in açılımı nədir?
A) HyperText Markup Language
B) HighText Machine Language
C) HyperTransfer Markup Language
D) HyperText Makeup Language
HTML belgesinde başlık (title) etiketi nedir?
A) <head>
B) <h1>
C) <title>
D) <header>
HTML'de bir bağlantı (link) eklemek için kullanılan etiket hangisidir?
A) <link>
B) <a>
C) <href>
D) <url>
HTML sayfasında resim eklemek için kullanılan etiket nedir?
A) <img>
B) <picture>
C) <image>
D) <src>
HTML formunda kullanılan temel giriş etiketi hangisidir?
A) <input>
B) <form>
C) <submit>
D) <button>
"ol" ve "ul" etiketleri arasındaki fark nedir?
A) Sayıların sırası
B) Liste tipi
C) Renk seçimi
D) Aralık büyüklüğü
HTML sayfasında JavaScript dosyasını bağlamak için kullanılan etiket hangisidir?
A) <js>
B) <link>
C) <javascript>
D) <script>
HTML sayfasında bir hipermetin bağlantısı (hyperlink) eklemek için kullanılan etiket nedir?
A) <url>
B) <hyperlink>
C) <a>
D) <link>
CSS'in açılımı nedir?
A) Counter Style Sheets
B) Computer Style Sheets
C) Cascading Style Sheets
D) Colorful Style Sheets
CSS'te bir öğenin kenar boşluğunu ayarlamak için kullanılan özellik nedir?
A) margin
B) padding
C) border
D) spacing
CSS'te "float" özelliği ne işe yarar?
A) Renk değerini ayarlar
B) Bir öğeyi belirtilen yönde hareket ettirir
C) Yazı tipini değiştirir
D) Bir öğeyi sayfanın ortasına hizalar
"class" ve "id" arasındaki temel fark nedir?
A) Sadece bir tanesi kullanılabilir
B) "class" birden fazla öğe için kullanılabilir, "id" sadece bir öğe için
C) Sadece "id" içeren öğeler stil uygular
D) "class" bir sayfanın genel stili için kullanılır
"position" özelliğinin değerleri neler olabilir?
A) static, relative, absolute, fixed, sticky
B) top, right, bottom, left
C) inline, block, inline-block
D) flex, grid, inline-flex, inline-grid
A) static, relative, absolute, fixed, sticky
B) inline, block, inline-block
C) top, right, bottom, left
D) flex, grid, inline-flex, inline-grid
CSS'te "z-index" özelliği nedir ve ne amaçla kullanılır?
A) Renk derinliğini belirler
B) Bir öğenin diğer öğeler üzerindeki konumunu belirler
C) Zaman sırasını belirler
D) Zemin rengini belirler
Şəkildə hansı vəziyyət təyin edilmişdir?
A) align-content : space-between
B)align-content : space-around
C)align-content : strech
D)align-content : flex-end
Şəkildə hansı vəziyyət təsvir edilmişdir?
A)align-content : space-around;
B)align-content:stretch;
C)align-content:space-between;
D)align-content:flex-start
Şəkildə hansı vəziyyət təsvir edilmişdir?
A)align-content:stretch
B)align-content:space-around;
C)align-content:space-between;
D)align-content:flex-start;
"media query" nedir ve ne işe yarar?
A) Bir medya dosyasını çağırmak için kullanılır
B) Sayfanın genişliği veya cihaz türü gibi özelliklere bağlı olarak stil uygulamak için kullanılır
C) Bir sayfanın yedek kopyasını oluşturur
D) Sayfada ses dosyalarını kontrol etmek için kullanılır
A) Bir medya dosyasını çağırmak için kullanılır
B) Sayfanın genişliği veya cihaz türü gibi özelliklere bağlı olarak stil uygulamak için kullanılır
C) Bir sayfanın yedek kopyasını oluşturur
D) Sayfada ses dosyalarını kontrol etmek için kullanılır
HTML elementlərində atribut nədir?
A) Elementin tipini təyin edir
B) Elementin rəngini təyin edir
C) Elementə əlavə məlumat əlavə edir
D) Elementin ölçüsünü təyin edir
"iframe" etiketi hansı məqsədə xidmət edir?
A) İstifadəçiyə mesaj göndərmək üçün
B) Başqa bir HTML sənədini səhifəyə əlavə etmək üçün
C) Animasiya əməliyyatları üçün
D) Səhifəni şifrələmək üçün
HTML formunda "placeholder" atributu hansı məqsədə xidmət edir?
A) Input sahəsinin təyin edilmiş boşluğunu göstərir
B) İstifadəçiyə şifrəni göstərmək üçün
C) Input sahəsinin arxasında rəng effekti yaratmaq üçün
D) Formun ümumi üslubunu təyin edir
HTML-də "meta" etiketi nə üçün istifadə olunur?
A) Səhifənin başlığını təyin etmək üçün
B) Səhifənin dilini təyin etmək üçün
C) Səhifəni şifrələmək üçün
D) Səhifədə reklam göstərmək üçün
"header" etiketi hansı məqsədə xidmət edir?
A) Səhifənin üst hissəsini təyin etmək üçün
B) Başlıq elementini təyin etmək üçün
C) Səhifədə başlıq və alt başlıq yaratmaq üçün
D) Səhifədə sıra nömrələrini göstərmək üçün
CSS'də "pseudo-class" nədir?
A) İnline üslub elementləri
B) Elementin bir vəziyyətini təyin etmək üçün istifadə olunan seçicilər
C) Elementin alt elementinə üslub tətbiq etmək üçün
D) Rənglər arasında keçid yaratmaq üçün istifadə olunan seçicilər
Inline elementlər hansılardır?
A) Təyin edilmiş en-boy ölçüsünə sahibdirlər.
B) üfüqi istiqamətdə bütün səhifəni əhatə edirlər.
C) Elementlər arasında boşluq buraxmazlar.
D) Ətraflarında bir blok qurmaq üçün başqa bir elementlə əhatə edilməlidirlər.
CSS'də "flexbox" nə üçün istifadə olunur?
A) Rəngləri düzəltmək üçün
B) Blok elementlərin üçün düzgün düzən yaratmaq üçün
C) Şəkil üslubunu tənzimləmək üçün
D) Hiperlinkləri göstərmək üç
HTML-də "disabled" xüsusiyyəti hansı tərəfindən istifadə olunur?
A) <input>
B) <button>
C) <select>
D) <textarea>
CSS-də arka plan rəngini tənzimləmək üçün istifadə olunan xüsusiyyət hansıdır?
A) color
B) background-color
C) background-style
D)background-image
CSS-də font ölçüsünü tənzimləmək üçün istifadə olunan xüsusiyyət hansıdır?
A) font-size
B) text-size
C) size
D) font-height
CSS-də "box-shadow" xüsusiyyəti hansı məqsədlə istifadə olunur?
A) Elementin içindən kölgə yaratmaq üçün
B) Elementi hərəkət etdirmək üçün
C) Elementin ətrafına kölgə yaratmaq üçün
D) Elementin üstündən kölgə yaratmaq üçün
CSS'de "overflow" xüsusiyyəti nə işə yarar?
A) Səhifənin en-boy oranını təyin edir.
B) İçeriğin taşması hallarında necə davranılacağını təyin edir.
C) Səhifənin arxa fonunu təyin edir.
D) Elementin z-index dəyərini təyin edir.
A) Səhifənin en-boy oranını təyin edir.
B) İçeriğin taşması hallarında necə davranılacağını təyin edir.
C) Səhifənin arxa fonunu təyin edir.
D) Elementin z-index dəyərini təyin edir.
"overflow-x" və "overflow-y" xüsusiyyətləri arasındakı fərq nədir?
A) hər ikisi eyni əməliyyatı yerinə yetirir
B)"overflow-x" -x oxu istiqamətində scrollu aradan qaldırır,digəri isə y
C)"overflow-x" rəng idarəsini,owerflow-y scrollu aradan qaldırır
Grid şəbəkəsində "fr" (fraksiya) nə üçün istifadə olunur?
A) Gridin arxa fonunu təyin etmək üçün.
B) Hər hansı bir elementin şəbəkədəki mövqeyini təyin etmək üçün.
C) Bölgələrin ölçüsünü təyin etmək üçün.
D) Qalan boşluğu fraksiya nisbəti ilə bölüşmək üçün.
grid-auto-flow: row | column | dense | row dense | column dense;
"grid-auto-flow" xüsusiyyəti nə üçün istifadə olunur?
A) Gridin sıxılmış vəziyyətini təyin etmək üçün.
B) Elementlərin gridə daxil olma sırasını və nizamını təyin etmək üçün.
C) Gridin arxa fonunu təyin etmək üçün.
D) Gridin ölçülərini avtomatik olaraq təyin etmək üçün.
Grid şəbəkəsində "justify-items" və "align-items" xüsusiyyətləri hansı funksiyalara sahibdir?
A) İstifadə olunan şəbəkə elementlərini istənilən bölgəyə çəkmaq üçün.
B) İstifadə olunan şəbəkə elementlərini müvafiq ox üzrə yerləşdirilməsi üçün təyin etmək üçün.
C) Şəbəkə elementlərinin arxa fonunu təyin etmək üçün.
D) Şəbəkə elementlərinin ölçüsünü təyin etmək üçün.
Block elementlər hansılardır?
A) <div>, <p>, <h1>
B) <span>, <a>, <strong>
C) <ul>, <li>, <section>
D) <img>, <figure>, <nav>
Inline elementlər hansılardır?
A) <div>, <p>, <h1>
B) <span>, <a>, <strong>
C) <ul>, <li>, <section>
D) <img>, <figure>, <nav>
Block elementin içindəki mətnin üfüqi istiqamətdə mərkəzləşməsini tənzimləmək üçün hansı xüsusiyyət istifadə olunur?
A) margin
B) display
C) padding
D) text-align
Inline elementin üst və alt boşluğunu tənzimləmək üçün hansı xüsusiyyət istifadə olunur?
A) margin
B) display
D) text-align
:hover pseudoclassını istifadə etmək üçün hansı CSS qaydasını əlavə etmək lazımdır?
A) :hover { }
B) hover: { }
C) onhover: { }
D) mousehover: { }
:hover istifadə edilərək elementin arxa plan rəngini dəyişmək üçün hansı xüsusiyyət istifadə olunur?
A) background-color
B) color
C) text-color
D) hover-color
:first-child pseudoclassını istifadə edərək bir elementin mövqeyini dəyişmək üçün hansı xüsusiyyət istifadə olunur?
A)margin
B) top, left, right, bottom
C)padding
D) first-child-position
Justify-content'in hansı vəziyyətidir?
A)flex-start
B)center
C)space-around
D)space-between
display: flex istifadə edildikdə defaut olaraq hansı yığılma tərəfinin qəbul olunur?
A) Soldan sağa (row)
B) Yuxarıdan aşağıya (column)
C) Sağdan sola (row-reverse)
D) Aşağıdan yuxarıya (column-reverse)
<input> elementinin standart type-ı hansıdır?
A) text
B) password
C) file
D) submit
@keyframes nə üçün istifadə olunur?
A) Elementin pozisiyasını dəyişdirmək üçün.
B) CSS animasiyalarını təyin etmək üçün.
C) Elementin rəngini dəyişdirmək üçün.
D) Elementin görünüşünü gizlətmək üçün.
Git repozitorini yaratmaq üçün hansı əmri istifadə edirik?
A) git init
B) git create
C) git start
D) git build
Əgər bir faylı repozitoriyaya əlavə etmək istəyirik, hansı əmri istifadə etməliyik?
A) git add file.txt
B) git commit file.txt
C) git attach file.txt
D) git include file.txt
Bir faylı repozitoriyadan silmək üçün hansı əmri istifadə edirik?
A) git remove file.txt
B) git delete file.txt
C) git rm file.txt
D) git erase file.txt
Aktual və yerli dəyişiklikləri nəzərdən keçirmək üçün hansı əmri istifadə edirik?
A) git check
B) git scan
C) git status
D) git review
Git repozitoriyasında hansı branch-də olduğumuzu öyrənmək üçün hansı əmri istifadə edirik?
A) git branch
B) git current
C) git current-branch
D) git status
Repositoriyadakı bütün faylları və qovşaqları götürmək və ya yükləmək üçün hansı əmri istifadə edirik?
A) git pull
B) git fetch
C) git clone
D) git download
transform xüsusiyyəti ilə elementi 45 dərəcə döndürmək üçün hansı dəyər təyin olunmalıdır?
A) rotate(45deg)
B) turn(45deg)
C) spin(45deg)
D) transform(45deg)
CSS -da sözün birinci hərfini böyük necə edərik?
A)text-transform:capitalize
B)text-style:capitalize
C)CSS -da etmək olmur
Şəkildəki vəziyyəti yaratmaq üçün aşaöıdakı kodlardan istifadə edilmişdir.
A)display:flex;
flex-wrap:wrap
B)display:flex;
flex-wrap:nowrap
C)display:flex;
align-items:center
Responsiv və adaptiv dizaynın əsas fərqi nədir?
A) Adaptiv dizayn yalnız mobil cihazlar üçün nəzərdə tutulur, responsiv dizayn isə bütün ekran ölçüsünə cavab verir.
B) Adaptiv dizayn bütün ekran ölçüsünə cavab verir, responsiv dizayn isə yalnız mobil cihazlar üçün nəzərdə tutulur.
C) Adaptiv dizayn veb səhifənin hər bir hissəsini yenidən qurmağı tələb edir, responsiv dizayn isə CSS media query-ləri istifadə edərək ölçü və dizaynı tənzimləyir.
D) Adaptiv dizayn veb səhifənin dizaynını öz əvvəlki halına qaytarmağı tələb edir, responsiv dizayn isə hər hansı bir ekran ölçüsünə cavab verir.
Viewport nədir və responsiv dizaynda nə üçün önəmlidir?
A) Ekranın fiziki ölçüsü, CSS media query-lərini tənzimləmək üçün.
B) Mobil cihazın ekranında görünən məzmunun xüsusi ölçüsü tənzimləmək üçün
C) Ekranın ümumi genişliyi, adaptiv dizaynı tənzimləmək üçün.
D) Mobil cihazın idarəetmə sistemini təyin etmək üçün.
CSS max-width və min-width nə üçün istifadə olunur?
A) Elementin maksimal və minimal ölçüsünü təyin etmək üçün.
B) Elementin rəngini müəyyənləşdirmək üçün.
C) Elementin pozisiyasını dəyişdirmək üçün.
D) Elementin şəklini müəyyənləşdirmək üçün.
. Mobil cihazların ekranına uyğun veb səhifə dizaynı üçün ən optimal yollar hansılardır?
A) Yalnız adaptiv dizayn istifadə etmək.
B) Responsive və adaptiv dizaynı kombin etmək.
C) CSS media query-lərindən istifadə etmək.
D) JavaScript-dən istifadə etmək.
Verilmiş veb səhifəni responsiv dizayn üçün tənzimləmək üçün hansı CSS kodunu əlavə etməlisiniz?
A) @media screen and (max-width: 768px) { /* CSS qaydası */ }
B) @media responsive (min-width: 768px) { /* CSS qaydası */ }
C) @screen and (min-width: 768px) { /* CSS qaydası */ }
D) @responsive screen (max-width: 768px) { /* CSS qaydası */ }
Adaptiv dizaynda elementi əsasən hansı metodla göstərməliyik?
A) CSS media query-ləri istifadə edərək.
B) JavaScript-dən istifadə edərək.
C) HTML <adapt> elementi ilə.
D) display: adaptive; CSS xüsusiyyəti ilə.
rem və em ölçülərini hansı xüsusiyyət vəziyyətinə uyğun istifadə edərək adaptiv dizayn tənzimləmək mümkündür?
A) max-width
B) font-size
C) min-height
D) width
Viewport-un adaptiv dizayndakı rolu nədir?
A) HTML sənədini tənzimləmək üçün.
B) CSS xüsusiyyətlərini müəyyənləşdirmək üçün.
C) Ekranın fiziki ölçüsünü və məzmunun uyğunluğunu təmin etmək üçün.
D) Ekranın arxa plan rəngini dəyişdirmək üçün.
Adaptiv dizaynda elementi mobil cihazlarda əks etdirmək və ya gizlətmək üçün hansı CSS metodundan istifadə edilməlidir?
A) visibility: hidden;
B) display: none;
C) media-query: mobile { /* CSS qaydası */ }
D) adapt: mobile;
Responsiv və adaptiv dizayn yaratmaq üçün hansı veb təhlükəsizlik prinsiplərindən istifadə edilməlidir?
A) JavaScript funksiyalarını sıfırlamaq.
B) HTTPS protokolu istifadə etmək.
C) Ekranın ölçüsünü yoxlamaq.
D) Veb səhifədə reklam bannerlərini çatdırmaq.
Verilmiş veb səhifədə adaptiv dizayn üçün hansı addımı atmaq ən doğrudur?
A) CSS media query-lərini əlavə etmək.
B) JavaScript funksiyalarını yenidən yazmaq.
C) Ekranın fiziki ölçüsünü dəyişdirmək.
D) HTML bölmələrini yenidən qurmaq.
Responsive dizaynda böyük şəkil və multimedia fayllarının yüklənməsinin tənzimlənməsi üçün hansı yollar ən əhəmiyyətlidir?
A) CSS flexbox.
B) Media query-lər.
C) JavaScript funksiyaları.
D) HTML bölmələri.
<textarea> elementi nə üçün istifadə olunur?
A) Checkbox yaratmaq üçün.
B) Mətnin böyük sahədə göstərilməsi üçün.
C) Şəkil yaratmaq üçün.
D) Nömrənin təyin edilməsi üçün.
<select> elementində hansı atribut istifadə olunur?
A) value
B) type
C) options
D) name
Formda məlumat göndərmək üçün istifadə olunan metod hansıdır?
A) GET
B) POST
C) SUBMIT
D) UPDATE
<label> elementi nəyə xidmət edir?
A) Formun ümumi başlığı.
B) İnput elementin adını göstərmək üçün.
C) Şəkilin təsviri.
D) Checkbox və radio buttonları təyin etmək üçün.
<div> elementi nə üçün istifadə olunur?
A) Mətn bölməsi yaratmaq üçün.
B) Şəkil bölməsi yaratmaq üçün.
C) Blok elementləri qruplaşdırmaq və üslub tətbiq etmək üçün.
D) Link bölməsi yaratmaq üçün.
<span> elementi nəyə xidmət edir?
A) İnput formunu təyin etmək üçün.
B) Mətni blok elementinə çevirmək üçün.
C) Blok elementləri qruplaşdırmaq və üslub tətbiq etmək üçün.
D) Link bölməsi yaratmaq üçün.
<figure> və <figcaption> elementləri nə üçün istifadə olunur?
A) Şəkilin adını təyin etmək üçün.
B) Şəklin ümumi başlığını təyin etmək üçün.
C) Şəkilin və ya multimedia elementin təsvirini əhatə etmək və başlığını təyin etmək üçün.
D) Şəkilin alt textini təyin etmək üçün.
Flex container olmaq üçün hansı CSS xüsusiyyəti təyin edilir?
A) display: block;
B) display: flex;
C) flex: container;
D) flex-display: true;
flex-basis xüsusiyyəti nəyə nail olmaq üçün istifadə olunur?
A) Flex itemin genişliyinə.(width)
B) Flex itemin uzunluğuna(height).
C) Flex containerin ölçüsünə.
D) Flex itemin əsas ölçülərinin müəyyən edilməsinə.
align-self xüsusiyyəti hansı məqsədlə istifadə olunur?
A) Flex itemlərin sıralanma istiqamətinə.
B) Flex itemin genişliyinə.
C) Flex itemin özünün müstəqil şəkildə düzəlməsinə.
D) Flex containerin ölçüsünə.
flex xüsusiyyəti hansı iki dəyəri qəbul edir?
A) flex-grow və flex-shrink
B) flex-item və flex-container
C) flex-direction və flex-wrap
D) flex-basis və flex-container
flex-grow xüsusiyyəti nəyə nail olmaq üçün istifadə olunur?
A) Flex itemin genişliyinə.
B) Flex itemin uzunluğuna.
C) Flex containerin ölçüsünə.
D) Flex itemin böyüklüyünə dinamik olaraq artmağa.
Flex item olmaq üçün hansı CSS xüsusiyyəti təyin edilir?
A) flex: item;
B) display: flex;
C) flex-item: true;
D) order: 1;