NEW
Font size
WorksheetsЛилия сұрақ жауап
Total questions: 76
Worksheet time: 38mins
HTML құжатының түрі мен нұсқасын браузергехабарлайтын тег
<html>
<meta>
<version>
<head>
<!DOCTYPE html>
Сайттың браузер вкладкасындағы атауын қай тег анықтайды?
<header>
<body>
<name>
<meta>
<title>
Ең үлкен деңгейдегі тақырып тегі:
<h6>
<head>
<top>
<header>
<h1>
Гиперсілтеме жасау үшін қолданылатын атрибут:
<link>
< src>
<target>
<rel>
<href>
Суреттің мекенжайын көрсетуге арналған атрибут:
<alt>
<path>
< href>
<link>
<src>
Сурет жүктелмей қалған жағдайда көрсетілетін баламамәтін:
<title>
<text>
<desc>
< info>
<alt>
Маркерленген (нүктелі) тізім жасау тегі:
<ol>
<dl>
<li>
<list>
<ul>
Нөмірленген (цифрлы) тізім жасау тегі:
<list>
<ul>
<li>
<dl>
<ol>
Тізімнің әрбір элементін анықтайтын тег:
<list>
<item>
<ul>
<ol>
<li>
Кестедегі деректер ұяшығын (cell) жасау тегі:
<table>
<tr>
<th>
<tc>
<td>
Кестедегі тақырыптық ұяшықты (қалың мәтін) жасаутегі:
<tr>
<td>
<thead>
<tt>
<th>
Форма құруға арналған контейнер-тег:
<input>
<submit>
<action>
<fieldset>
<form>
Бір жолды мәтін енгізу өрісін жасау:
<input type="password">
<textarea>
<button>
<input type="checkbox">
<input type=“text”>
Көп жолды мәтін енгізу өрісі:
<input type="text">
<input type="big">
<form>
<input type="textarea">
<textarea>
Таңдау тізімін (dropdown) жасауға арналған негізгі тег:
<option>
<list>
<input>
<choice>
<select>
Сайттың жоғарғы бөлігін (лого, меню) белгілейтінсемантикалық тег:
<top>
<nav>
<section>
<head>
<header>
Навигациялық сілтемелер блогын анықтайтын тег:
<menu>
<links>
<header>
<footer>
<nav>
Тәуелсіз, толыққанды мазмұнды (мақала) білдіретін тег:
<section>
<aside>
<div>
<main>
<article>
Жолды келесі жолға көшіру (line break) тегі:
<hr>
<next>
<enter>
<p>
<br>
Горизонталь сызық сызу тегі:
<br>
<line>
<border>
<split>
<hr>
Мәтінді жай ғана қалың (bold) ететін тег:
<strong>
<i>
<p>
<u>
<b>
Мәтінге маңыздылық беретін семантикалық қалың тег:
<b>
<em>
<ins>
<mark>
<strong>
Курсивті (қисайтылған) мәтін тегі:
<cite>
<b>
<u>
<dfn>
<i>
Сілтемені жаңа вкладкада ашу атрибуты:
target="_self"
target="_top"
target="_parent"
target="new"
target=“_blank”
Блоктық деңгейдегі негізгі контейнер:
<span>
<p>
<a>
<b>
<div>
Жолдық (inline) деңгейдегі контейнер
<div>
<span>
<table>
<form>
<header>
Визуалды орналасуды басқаратын HTML құрылымдықмоделі:
Grid Model
Box Model
Flex Model
Table Model
Layer Model
Сыртқы сайтты (карта, YouTube) беттің ішіне ендіру:
<object>
<embed>
<include>
<iframe>
<frame>
HTML-де символдар кодтауын (UTF-8) көрсету:
<meta name="charset">
<charset>UTF-8</charset>
<meta http-equiv="UTF-8">
<link charset="UTF-8">
<meta charset=“UTF-8”>
Формадағы батырма жасау тегі:
<press>
<input type="click">
<action>
<touch>
<button>
Мәтін түсін өзгерту қасиеті
font-color
background-color
color
Text-style
paint
Блоктың ішкі шегінісі:
margin
spacing
border
width
padding
Блоктың сыртқы шегінісі:
padding
outline
border
float
margin
Мәтінді ортаға теңестіру:
align: center;
vertical-align: middle;
margin: auto;
justify-content: center;
text-align: center;
Класс селекторының белгісі:
.
#
*
@
!
ID селекторының белгісі:
.
#
*
&
^
Қаріп өлшемін өзгерту:
text-size
font-size
size
font-style
px-size
Блок шекарасын анықтау (жиектеме):
outline
border
stroke
line
margin
Мәтінбі қалың ету (CSS)
font-style: bold;
text-decoration: bold;
font-size: large;
text-bold: true;
font-weight: bold;
Элементтің мөлдірлігі:
visibility
display
shadow
filter
opacity
Артқы фонға сурет қою:
background-img
bg-src
image-source
background-url
background-image
Сілтеме астындағы сызықты алып тастау:
text-style: none;
border: none;
underline: none;
font-decoration: none;
text-decoration: none;
Тышқанды үстіне апарғанда іске қосылатын псевдокласс:
:active
:focus
:visited
:link
:hover
Блоктық модельдің өлшемдерін дұрыс есептеу:
box-model
display: block;
width: auto;
sizing: border;
box-sizing: border-box;
Элементтің биіктігін орнату:
Width
size
depth
max-height
height
Элементті экранға қатысты бекіту:
position: relative;
position: absolute;
position: static;
display: sticky;
position: fixed;
Flexbox-та элементтерді горизонталь теңестіру:
align-items
align-content
flex-direction
order
justify-content
Пиксель (px) қандай өлшем бірлігі?
Салыстырмалы
Логикалық
Динамикалық
Проценттік
Абсолюттік
CSS-тегі комментарий жазу:
//
‘’
/* */
‘#’
‘^’
Тізім маркерлерін алып тастау:
list-style: bullet-none;
marker: none;
text-decoration: none;
display: inline;
list-style: none;
Бұрыштарды дөңгелету:
border-round
corner-radius
shape-round
border-circle
border-radius
Барлық элементтерге арналған селектор:
*
all
body
html
&
Мәтінді тек бас әріптермен жазу:
font-style: uppercase;
text-style: caps;
font-weight: bold;
text-caps: all;
text-transform: uppercase;
Адаптивті дизайнға арналған сұраныс:
@import
@font-face
@keyframes
@viewport
@media
Мөлдір фон үшін түс форматы:
HEX
RGB
CMYK
HSL
RGBA
Элемент көлеңкесін жасау:
text-shadow
element-shadow
border-shadow
layout-shadow
box-shadow
Қабаттардың ретін (слой) басқару:
y-index
layer
order
stack
z-index
CSS анимациясының негізі:
@animate
@motion
@keyframes
@transition
@move
Жай өту эффектісі (плавный переход):
animation
transform
delay
timing
transition
Сілтемелердің түсін (келуші болғаннан кейін) өзгерту:
:hover
:active
:focus
:link
:visited
Тұрақты айнымалыны жариялау:
var
let
static
val
const
Қатаң теңдік операторы:
==
===
=
!=
!==
Веб-сайттың визуалды стилі мен безендірілуіне жауапберетін технология:
JavaScript
HTML
Python
Java
CSS
Браузерде орындалатын, веб-бетке интерактивтілік пендинамика қосатын бағдарламалау тілі:
C++
PHP
SQL
Ruby
JavaScript
W3C (World Wide Web Consortium) ұйымының бастымақсаты не?
Домендерді сату
Интернет жылдамдығын арттыру
Әлеуметтік желілерді басқару
Браузерлер жасау
Веб-стандарттарды әзірлеу
Веб-сайттың "Client-side" (клиенттік) бөлігі қалайаталады?
Backend
Database
Server-side
DevOps
Frontend
Веб-сайттың серверлік логикасы мен деректер қорыменжұмыс істейтін бөлігі:
Frontend
UI Design
Layout
UX Design
Backend
HTTP 404 қатесі нені білдіреді?
Сервер істен шықты
Рұқсат шектелген
Деректер қате енгізілді
Сұраныс сәтті орындалды
Бет табылмады
Деректер алмасу форматы:
XML
HTML
TXT
JSON
Танымал браузер емес:
Chrome
Firefox
Safari
Edge
Apache
CSS препроцессоры
PHP
JS
Git
SQL
Sass
Деректер қоры тілі:
HTML
SQL
CSS
JS
JSON
Сайт аты (https://www.google.com/search?q=google.com):
Домен
Хост
Протокол
Скрипт
IP
Backend тілі:
CSS
HTML
PHP
XML
Sass
NPM бұл:
Редактор
Пакет менеджері
Браузер
Тіл
Дизайн
Хабарлама терезесін шығару
Print()
Alert()
Log()
Message()
Prompt()
