wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML Basics: Tags and Attributes

Total questions: 50

Worksheet time: 25mins

Name
Class
Date
1.

HTML дегеніміз не?

a)

Мәліметтер қорын басқару жүйесі

b)

Бағдарламалау тілі

c)

Web беттерін белгілеуге арналған тіл

d)

Графикалық редактор

e)

Сервер фреймворкі

2.

HTML құжатының басталуы мен аяқталуын көрсететін тегтер қайсысы?

a)

<html> және </html>

b)

<body> және </body>

c)

<head> және </head>

d)

<main> және </main>

e)

<div> және </div>

3.

HTML құжаттың тақырып бөлімі қай тегпен белгіленеді?

a)

<head>

b)

<header>

c)

<top>

d)

<meta>

e)

<info>

4.

Құжаттың көрінетін бөлігі қай тег ішінде орналасады?

a)

<footer>

b)

<section>

c)

<html>

d)

<main>

e)

<body>

5.

Беттің тақырыбын орнату үшін қандай тег қолданылады?

a)

<title>

b)

<h1>

c)

<header>

d)

<meta>

e)

<caption>

6.

<p> тегі не үшін қолданылады?

a)

Кесте жасау үшін

b)

Параграф жасау үшін

c)

Сілтеме жасау үшін

d)

Форма енгізу үшін

e)

Сурет салу үшін

7.

<a> тегі не істейді?

a)

Ресурсқа сілтеме жасайды

b)

Мәтінді қалың қылады

c)

Кесте жасайды

d)

Сурет қосады

e)

Фон түсін орнатады

8.

<img> тегінде сурет сілтемесі қай атрибут арқылы беріледі?

a)

href

b)

data

c)

src

d)

path

e)

alt

9.

Сурет жүктелмесе, оның сипаттамасын қай атрибут көрсетеді?

a)

alt

b)

info

c)

desc

d)

title

e)

srcset

10.

HTML-де тізім жасауға арналған тегтер қандай?

a)

<ul> және <ol>

b)

<list> және <li>

c)

<menu> және <item>

d)

  • <section> және <p>

e)

<table> және <tr>

11.

Нөмірленген тізім жасау үшін қай тег қолданылады?

a)

  • <ol>

b)

<ul>

c)

  • <li>

d)

  1. <dl>

e)

<dt>

12.

HTML-де кесте жасау үшін қандай тег қолданылады?

a)

<table>

b)

<tab>

c)

<grid>

d)

<chart>

e)

<data>

13.

HTML-де жаңа жол қосу үшін қандай тег қолданылады?

a)

<br>

b)

<p>

c)

<span>

d)

<enter>

e)


<lb>

14.

Мәтінді қалың ету үшін қандай тег қолданылады?

a)

<b> немесе <strong>

b)

<bold>

c)

<em>

d)

<mark>

e)

<heavy>

15.

Мәтінді курсив ету үшін қандай тег қолданылады?

a)

<p>

b)

<strong>

c)

<mark>

d)

<italic>

e)

<i> немесе <em>

16.

HTML-дегі сілтеменің сілтеме мекенжайын көрсететін атрибут қалай аталады?

a)

link

b)

path

c)

url

d)

src

e)

href

17.

Қай тег сурет қосу үшін пайдаланылады?

a)

<img>

b)

<src>

c)

<image>

d)

<photo>

e)

<pic>

18.

HTML-де комментарий жазу синтаксиси қалай болады?

a)

<comment>текст</comment>

b)

< ! -- комментарий -->

c)

// комментарий

d)

/* комментарий */

e)

# комментарий

19.

DOCTYPE не үшін қажет?

a)

Фон түсін орнату үшін

b)

Браузерге құжаттың HTML нұсқасын көрсету үшін

c)

Скрипт қосу үшін

d)

Сілтемелерді байланыстыру үшін

e)

Сурет өлшемін көрсету үшін

20.

head және body тегтерінің айырмашылығы неде?

a)

head — тек серверге арналған бөлік

b)

head тек meta тегтерін қамтиды, body тек script

c)

head тек CSS үшін, body тек JS үшін

d)

head — ақпараттық бөлік, body — көрінетін бөлік

e)

body — тек суреттерді қамтиды

21.

CSS дегеніміз не?

a)

Деректер базасын басқару жүйесі

b)

HTML редакторы

c)

Бағдарламалау тілі

d)

Сервер фреймворкі

e)

Web беттердің көрінісін стильдеу тілі

22.

CSS дегеннің толық атауы қалай жазылады?

a)

Cascading Style Sheets

b)

Creative Styling Syntax

c)

Code Style Standard

d)

Color System Structure

e)

Component Style Set

23.

CSS файлды HTML-ге қалай қосамыз?

a)

<link rel = ' stylesheet ' href = ' style.css '>

b)

<style src = ' style.css '>

c)

<import css='style.css'>

d)

<script href='style.css'>

e)

<connect file='style.css'>

24.

color қасиеті не үшін қолданылады?

a)

Тінтуір курсорын өзгертеді

b)

Шекара түсін орнатады

c)

Сызғышқа қалыңдығын өзгертеді

d)

Фон түсін орнатады

e)

Мәтіннің түсін орнатады

25.

background-color қасиеті не істейді?

a)

Шрифттің өлшемін орнатады

b)

Элементтің фон түсін орнатады

c)

Мәтіннің түсін орнатады

d)

Беттің тақырыбын орнатады

e)

Элементті орталыққа орналастырады

26.

font-size қасиеті не үшін қолданылады?

a)

Мәтіннің өлшемін өзгерту үшін

b)

Мәтінді орталау үшін

c)

Мәтіннің түсін өзгерту үшін

d)

Сурет салу үшін

e)

Шекара қою үшін

27.

font-weight қасиеті не істейді?

a)

Мәтінді қалың немесе жұқа қылады

b)

Мәтіннің түсін өзгертеді

c)

Мәтінге фон қосады

d)

Мәтінді курсивке айналдырады

e)

Мәтінді астын сызады

28.

text-align қасиеті не үшін қолданылады?

a)

Мәтінді горизонталь бағытта туралау үшін

b)

Фон суретін орнату үшін

c)

Мәтін түсін орнату үшін

d)

Мәтінді вертикаль бағытта туралау үшін

e)

Жол аралығын қысқарту үшін

29.

margin қасиеті не істейді?

a)

Шекараның түсін орнатады

b)

Шрифт өлшемін өзгертеды

c)

Элементтің ішкі аралығын орнатады

d)

Элементтің сыртқы бос орнын орнатады

e)

Беттің биіктігін анықтайды

30.

padding қасиетінің қызметі қандай?

a)

Элементті көрінбейтін қылады

b)

Элементтің түсін өзгертады

c)

Шекараны жояды

d)

Элементтің сыртқы бос орнын орнатады

e)

Элементтің ішкі бос орнын орнатады

31.

border қасиеті не үшін қолданылады?

a)

Шрифттің стилін ауыстыру үшін

b)

Беттің өлшемін анықтау үшін

c)

Мәтінге түс беру үшін

d)

Элементтің фонын жою үшін

e)

Элементтің шекарасын орнату үшін

32.

border-radius қасиеті не істейді?

a)

Фонды мөлдір қылады

b)

Шекара қалыңдығын өзгертеді

c)

Элемент бұрыштарын дөңгелектейді

d)

Мәтінді орталыққа қояды

e)

Элементті жасырады

33.

background-image қасиеті не істейді?

a)

Элементке фон суретін орнатады

b)

Шрифт түрін орнатады

c)

Беттің өлшемін өзгертеді

d)

Мәтінді курсив қылады

e)

Элементке түс орнатады

34.

background-repeat қасиетінің қызметі қандай?

a)

Суретті бұрады

b)

Мәтін өлшемін орнатады

c)

Шекара түсін орнатады

d)

Фон түсін орнатады

e)

Фон суретінің қайталану тәсілін орнатады

35.

background-size қасиеті не үшін керек?

a)

Фон суретінің өлшемін орнату үшін

b)

Шрифт өлшемін орнату үшін

c)

Элемент өлшемін азайту үшін

d)

Шекараның енін орнату үшін

e)

Мәтін ұзындығын анықтау үшін

36.

width және height қасиеттері не істейді?

a)

Элементтің ені мен биіктігін орнатады

b)

Фон суретін орнатады

c)

Margin мен padding-ті реттейді

d)

Шрифттің өлшемін орнатады

e)

Шекара түсін өзгертеді

37.

display қасиеті не үшін қолданылады?

a)

Элементтің көріну түрін анықтайды

b)

Элементтің түсін анықтайды

c)

Элементтің мазмұнын ауыстырады

d)

Элементті анимациялайды

e)

Элементті жасырады

38.

text-decoration қасиеті не істейді?

a)

Мәтінді түсін, көлемін, түрін бірге өзгертеді

b)

Мәтіннің өлшемін өзгертеді

c)

Мәтінге астын не үстінен сызу сияқты әсерлер береді

d)

Суретке шекара қосады

e)

Фон түсін өзгертеді

39.

overflow қасиеті не үшін керек?

a)

Контейнердің фоны мен шекарасын біріктіріп көрсету үшін

b)

Мәтін мен элементтердің орналасуын түзету үшін

c)

Элемент ішіндегі мазмұнды сыртқы блокқа "ағызып шығару" үшін

d)

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

e)

Элемент ішіндегі артық мазмұнды автоматты түрде жасырып, скролл қосу үшін

40.

cursor қасиеті не істейді?

a)

Тінтуірмен әрекет еткен кезде элементтің анимациясын басқарады

b)

Фонды өзгертеді

c)

Мәтінге бағытталған курсордың пішінін өзгертпей, тек түсін өзгертуге мүмкіндік береді

d)

Элемент үстіне тінтуір келгенде курсор түрін өзгертеді

e)

Суретті масштабтайды

41.

JavaScript дегеніміз не?

a)

Мәтіндік редактор

b)

Сервер құру тілі

c)

Деректер қорын басқару жүйесі

d)

Стилизация жасау тілі

e)

Web беттерге динамикалық әрекет қосуға арналған тіл

42.

JavaScript көбінесе қайда қолданылады?

a)

Тек файл жүйесіне қол жеткізуге

b)

Браузер ішінде жұмыс істейтін клиенттік код жазуға

c)

Тек серверде орындалатын код жазуға

d)

Тек графика салуға

e)

Тек деректер қорын басқаруға

43.

JavaScript айнымалысын қалай жариялаймыз?

a)

create кілт сөзімен

b)

let, const немесе var кілт сөздерімен

c)

def кілт сөзімен

d)

newvar кілт сөзі мен create комбинациясы арқылы

e)

make кілт сөзімен

44.

const арқылы жарияланған айнымалының ерекшелігі неде?

a)

Әрқашан сан болады

b)

Кодтан тыс сақталады

c)

Кездейсоқ жойылады

d)

Әрқашан null мәні болады

e)

Мәні кейін өзгертілмейді

45.

Айнымалының атауы қандай символмен басталмайды?

a)

Әріппен

b)

$ таңбасымен

c)

Санмен

d)

_ таңбасымен

e)

Астын сызумен

46.

JavaScript‑те мәнді экранға шығару үшін не қолданылады?

a)

print.to()

b)

echo()

c)

display()

d)

write()

e)

console.log()

47.

Мәтіндік (string) тип қалай жазылады?

a)

Дөңгелек жақшалар ішінде

b)

Фигуралық жақшалар ішінде

c)

Қос немесе жалғыз тырнақша ішінде

d)

Майлы жақшалар ішінде

e)

Ешқандай белгілерсіз

48.

Number типі не білдіреді?

a)

Мәтіндерді

b)

Сандық мәндерді

c)

Массивтерді

d)

Функцияларды

e)

Объектілерді

49.

Boolean типінің мәндері қандай?

a)

true және false

b)

yes және no

c)

on және off

d)

1 және 0

e)

right және wrong

50.

typeof операторы не істейді?

a)

Жаңа объект жасайды

b)

Айнымалының типін қайтарады

c)

Файл ашады

d)

Айнымалыны жояды

e)

Мәтінді біріктіреді