wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS+JS

Total questions: 46

Worksheet time: 25mins

Name
Class
Date
1.

CSS… берілген тұжырымдардың ішінен дұрыс анықтаманы таңдаңыз.

a)

бір тақырып бойынша біріктірілген және гиперсілтемелер бойынша байланыстырылған құжаттар жиынтығы

b)

гипермәтінді белгілеу тілі

c)

HTML бетті интерактивті ететін сценарий тілі, яғни пайдаланушымен «байланысуға қабілеті» бар

d)

браузердегі деректердің көрсетілуін анықтайтын стандарт

2.

JS… берілген тұжырымдардың ішінен дұрыс анықтаманы таңдаңыз.

a)

бір тақырып бойынша біріктірілген және гиперсілтемелер бойынша байланыстырылған құжаттар жиынтығы

b)

HTML бетті интерактивті ететін сценарий тілі, яғни пайдаланушымен «байланысуға қабілеті» бар

c)

гипермәтінді белгілеу тілі

d)

браузердегі деректердің көрсетілуін анықтайтын стандарт

3.

CSS стильдің каскадты кестелері HTML-ден кейін қай жылы пайда болды? Төмендегі сөздерден таңдаңыз.

a)

1997

b)

1983

c)

1989

d)

1999

4.

CSS-ті қолдану артықшылықтарына жатпайтынын белгіле.

a)

құрамалы және жинақталған дизайн техникасы

b)

CSS арқылы күрделі амалдарды орындай алмаймыз

c)

CSS тілінің көмегімен HTML тілінде беруге болмайтын параметрлерді ашамыз

d)

CSS арқылы web-беттің сыртқы көрінісін басқарамыз

e)

анық бақылау кодтың көлемін едәуір кемітеді және оны оқуға ыңғайлайды

5.

Бұл — стандартты стиль парағы. Егер белгілі стиль анықталып, берілмесе, онда осы стандарттар қолданылады.

a)

Қолданушы стилі

b)

Браузер стилі

c)

Кіріктірілген стиль

d)

Ендірілген стиль

e)

Байланысқан стиль

6.

Кез келген қолданушы браузер параметрін өзгерту арқылы өзінің стиль кестесін жаза алады және қолдана алады.

a)

Ендірілген стиль

b)

Браузер стилі

c)

Кіріктірілген стиль

d)

Байланысқан стиль

e)

Қолданушы стилі

7.

Style атрибутын қолдану арқылы анықталатын орындалатын стиль қалай аталады?

a)

Құжат деңгейіндегі стильдер (жаһандық)

b)

Байланысқан стиль

c)

Ендірілген стиль

d)

Ішкі стиль

e)

Кіріктірілген стиль

8.

Барлық құжатқа қолданылады, HTML құжатында ... тегі ішінде орналасқан блогында жазылады.

a)

Құжат деңгейіндегі стильдер

b)

Ішкі стиль

c)

Ендірілген стиль

d)

Байланысқан стиль

e)

Жаһандық стиль

9.

.css кеңейтілімімен бөлек файлда сақталып, тегi арқылы қосылатын стиль қалай аталады?

a)

Сыртқы стиль

b)

Құжат деңгейіндегі стильдер

c)

Байланысқан стиль

d)

Ендірілген стиль

e)

Ішкі стиль

10.

қандай стиль?

a)

Құжат деңгейіндегі стильдер

b)

Ішкі стиль

c)

Сыртқы стиль

d)

Байланысқан стиль

e)

Ендірілген стиль

11.

қандай стиль

a)

Ендірілген стиль

b)

Байланысқан стиль

c)

Құжат деңгейіндегі стильдер

d)

Ішкі стиль

e)

Сыртқы стиль

12.

қандай стиль?

a)

Құжат деңгейіндегі стильдер

b)

Байланысқан стиль

c)

Сыртқы стиль

d)

Ендірілген стиль

e)

Ішкі стиль

13.

Берілген HTML/CSS үзіндісіне қарап: қандай селектор?

a)

Элемент бойынша селектор

b)

Ішкі тег

c)

Сынып (Класс) бойынша селектор

d)

Идентификатор бойынша селектор

e)

Мәнмәтіндік(Контекстный) селектор

14.

Берілген HTML/CSS үзіндісіне қарап: қандай селектор?

a)

Мәнмәтіндік(Контекстный) селектор

b)

Идентификатор бойынша селектор

c)

Сынып (Класс) бойынша селектор

d)

Ішкі тег

e)

Элемент бойынша селектор

15.

Берілген HTML/CSS үзіндісіне қарап: қандай селектор?

a)

Сынып (Класс) бойынша селектор

b)

Элемент бойынша селектор

c)

Ішкі тег

d)

Мәнмәтіндік(Контекстный) селектор

16.

Бұл мысалда қандай селектор қолданылған?

a)

Идентификатор бойынша селектор

b)

Элемент бойынша селектор

c)

Ішкі тег

d)

Мәнмәтіндік(Контекстный) селектор

e)

Сынып (Класс) бойынша селектор

17.

Бұл мысалда қандай селектор қолданылған?

a)

Мәнмәтіндік(Контекстный) селектор

b)

Идентификатор бойынша селектор

c)

Сынып (Класс) бойынша селектор

d)

Элемент бойынша селектор

e)

Ішкі тег

18.

b {color: black;} кодын сәйкестендір: қасиеті, мәні, селектор.

a)

қасиеті

1.

color

b)

мәні

2.

black

c)

селектор

3.

b

19.

Сәйкестендір: CSS-де төмендегілерді дұрыс белгілеумен жұптастырыңыз. — Класс селекторын шақыру — Идентификатор селекторын шақыру — Класс селекторын құру (HTML атрибуты) — Идентификатор селекторын құру (HTML атрибуты)

a)

Класс селекторын шақыру

1.

class="s"

b)

Идентификатор селекторын шақыру

2.

id="s"

c)

Класс селекторын құру (HTML атрибуты)

3.

.s

d)

Идентификатор селекторын құру (HTML атрибуты)

4.

#s

20.
Question Image

Сәйкестендір: Берілген CSS жазбаларды тиісті селектор түрімен классификациялаңыз.

a)

P {Color:Red;}

1.

Элемент бойынша селектор

b)

P B{ Color:Green;}

2.

Мәнмәтіндік селектор

c)

B,S{Color:Black;}

3.

Элемент бойынша селектор

d)

Div P {Color:White;}

4.

Мәнмәтіндік селектор

21.

Сәйкестендір: p селекторына арналған дұрыс синтаксисті құраңыз. p (a) ______ color (b) ______ red (c) ______ (d) ______ Таңбаларды төмендегі жиыннан таңдаңыз.

a)

(a) орын

1.

{

b)

(b) орын

2.

:

c)

(c) орын

3.

;

d)

(d) орын

4.

}

22.

Элементтің шекаралары тұтас сызық болуы үшін қандай мәнді қолдану керек?

a)

border-style:dashed;

b)

border-style:double;

c)

border-style:dotted;

d)

border-style:solid;

23.

Элементтің шекаралары нүктелі сызықпен салынады:

a)

border-style:double;

b)

border-style:solid;

c)

border-style:dashed;

d)

border-style:dotted;

24.

Элементтің шекаралары нүктелер арқылы салынады:

a)

border-style:double;

b)

border-style:dashed;

c)

border-style:solid;

d)

border-style:dotted;

25.

Элементтің шекаралары қос тұтас сызықпен салынады:

a)

border-style:double;

b)

border-style:dashed;

c)

border-style:dotted;

d)

border-style:solid;

26.

CSS -те мәтіннің қалыңдығын көрсетеді

a)

font-size: 800;

b)

font-style: 800;

c)

font-weight: 800;

d)

text-weight: 800;

27.

CSS -те тексттің шрифт түрін көрсетеді

a)

font-family:Arial, Helvetica, sans-serif;

b)

font-size: Arial, Helvetica, sans-seri;

c)

font-style:Arial, Helvetica, sans-seri ;

d)

text-weight: Arial, Helvetica, sans-seri;

28.

CSS-де абзац орнататын қасиет қайсысы?

a)

letter-spacing: 5px;

b)

text-indent: 50px;

c)

word-spacing: 40px;

d)

line-height: 120%;

29.

Блок бола алатын теттерді белгілеңіз:

a)

<i>

b)

<span>

c)

<div>

d)

<p>

e)

<b>

30.

Фотодағыдай блокты текст айналып өтетіндей блоктың ені бойынша туралануы?

a)

margin

b)

float

c)

overflow

d)

opacity

31.

position қасиетінің мәндерін сәйкестендіріңіз: әрбір мәнді оның сипаттамасымен жұптаңыз.

a)

absolute

1.

элементтің орналасуы абсолютті мәндерде орындалады;

b)

static

2.

орналасу қолданылмайды;

c)

relative

3.

элементтің беттегі қалыпты орнына қатысты орналасуы орындалады;

d)

fixed

4.

элементтің тұрақты позициясын анықтайды.

32.

JS-ті қолдану кезінде дұрыс жазылған кодтар. Төмендегі нұсқалардың ішінен дұрыс жазылғандарын таңдаңыз.

a)

b)

b)

b)

c)

c)

c)

d)

e)

e)

e)

33.

Javascript-ті сыртқы файлдан қалай қоса аламыз?

a)

<link src="javas.js">

b)

<a href="javas.js">

c)

<skript src=javas.js>

d)

<script src=javas.js>

34.

consol.log() атқаратын міндеті?

a)

барлығы дұрыс

b)

... браузер бетіне шығару, шыққан сөзден кейін бос орын қалады

c)

... консольға шығарады

d)

... браузер бетіне шығару

35.

document.writeln() атқаратын міндеті?

a)

... консольға шығарады

b)

... браузер бетіне шығару

c)

барлығы дұрыс

d)

... браузер бетіне шығару, шыққан сөзден кейін бос орын қалады

36.

document.write() атқаратын міндеті?

a)

барлығы дұрыс

b)

... браузер бетіне шығару, шыққан сөзден кейін бос орын қалады

c)

... браузер бетіне шығару

d)

... консольға шығарады

37.

Браузер JavaScript-ті қолданбаған жағдайда мына кодты пайдалану керек:

a)

<onscript></onscript>

b)

<script></script>

c)

<noscript></noscript>

d)

<link></link>

38.

JS-те айнымалыны дұрыс жазған нұсқа

a)

<script>

var a=8;

var b=5;

</script>

b)

<script>

var a=8;

b=5;

</script>

c)

<script>

var a=8

var b=5

</script>

d)

<script>

a=8;

b=5;

</script>

39.

Суреттегі диалогтық терезені шақыратын функцияны таңдаңыз.

a)

confirm()

b)

alert()

c)

prompt()

d)

document.write()

40.

Суреттегі диалогтық терезені тудыратын JavaScript әдісін таңдаңыз: терезеде «Подтвердите действие» мәтіні және «OK» пен «Отмена» түймелері көрсетілген.

a)

prompt()

b)

alert()

c)

confirm()

41.

Суреттегі диалогтық терезені тудыратын JavaScript әдісін таңдаңыз: терезеде «Подтвердите действие» мәтіні және мәтін енгізу өрісі бар, «OK» пен «Отмена» түймелері көрсетілген.

a)

prompt()

b)

confirm()

c)

alert()

42.

Сәйкестендіріңіз: пайдаланушы әрекеттерін тиісті HTML оқиға атрибуттарымен салыстырыңыз.

a)

onclick=""

1.

Пайдаланушы элементті тінтуірмен бір шертеді.

b)

ondblclick=""

2.

Пайдаланушы элементті тінтуірмен екі шертеді.

c)

onmouseover=""

3.

Пайдаланушы тінтуірді элемент бойымен жылжытады.

d)

onmouseout=""

4.

Пайдаланушы тінтуірді элементтен алып кетеді.

e)

onkeypress=""

5.

Пайдаланушы пернені басып қайта босатады.

43.

Код үзіндісі берілген. Батырманы басқанда не болады?

a)

9 саны консольге шығады

b)

15 саны браузерге шығады

c)

5 саны браузерге шығады

d)

9 саны браузерге шығады

e)

5 саны диалогтық терезеге шығады

44.

Код үзіндісі берілген. Жауабы не болады?

a)

диалогтық терезеге 3 саны шығады

b)

консольге 3 жауабы шығады

c)

консольге 45 саны шығады

d)

диалогтық терезеге 45 саны шығады

e)

браузерге 9 саны шығады

45.

Код үзіндісі берілген. Жауабы қандай болады?

a)

1 2 3 4 5

b)

1 2 3 4

c)

2 3 4 5

d)

0 1 2 3 4

46.

Пайдаланушы пернені басып қайта босатады. HTML атрибуттарының ішінен осы әрекетке ең қолайлы оқиға қайсысы: onkeydown, onkeyup, onkeypress немесе onclick?

a)

onkeydown

b)

onkeyup

c)

onkeypress

d)

onclick

Similar Resources on Wayground

ข้อสอบปลายภาค วิชา การเขียนโปรแกรม

50 questions

ข้อสอบปลายภาค วิชา การเขียนโปรแกรม

quiz

Worksheet

•

11th Grade - University

python basics by vaishali

50 questions

python basics by vaishali

quiz

Worksheet

•

11th Grade

Digital Literacy Chapter 14 Review

51 questions

Digital Literacy Chapter 14 Review

quiz

Worksheet

•

9th - 12th Grade

Java Basics Self-Check

46 questions

Java Basics Self-Check

quiz

Worksheet

•

9th - 12th Grade

chương trình con

43 questions

chương trình con

quiz

Worksheet

•

1st Grade - University

HTML

45 questions

HTML

quiz

Worksheet

•

11th Grade

B11-13 L11

50 questions

B11-13 L11

quiz

Worksheet

•

11th Grade

L3 Digital Technology (entry test)

45 questions

L3 Digital Technology (entry test)

quiz

Worksheet

•

11th - 12th Grade