WorksheetsWEB программирование
Total questions: 26
Worksheet time: 30mins
Какой тег используется для создания гиперссылки?
<link>
<a>
<href>
<url>
Как вставить изображение на веб-страницу?
<img src="image.jpg">
<picture><source srcset="image.jpg"></picture>
<image href="image.jpg">
<img alt="image.jpg">
Как создать нумерованный список?
<list>
<ol>
<ul>
<dl>
Как вставить перенос строки в HTML?
<br>
<nl>
<lb>
<newline>
Как задать заголовок первого уровня?
<heading>
<header>
<h1>
<title>
Как изменить цвет текста в CSS?
color: text;
text-color: #333;
font-color: #333;
color: #333;
Как задать полужирное начертание текста в CSS?
font-style: bold;
font-weight: bold;
text-weight: bold;
style: bold;
Как задать фоновый цвет для элемента в CSS?
background-color: #FFF;
color-background: #FFF;
bgcolor: #FFF;
bg-color: #FFF;
Как добавить комментарий в HTML?
// Комментарий
/* Комментарий */
# Комментарий
<!-- Комментарий -->
Как добавить комментарий в CSS?
// Комментарий
/* Комментарий */
# Комментарий
<!-- Комментарий -->
Как задать ширину элемента в CSS?
size: 100%;
length: 100%;
width: 100%;
full-width: 100%;
Как скрыть элемент с помощью CSS?
display: hidden;
visibility: hidden;
hide: true;
visible: false;
Как задать внутренний отступ для элемента в CSS?
margin: 10px;
padding: 10px;
spacing: 10px;
indent: 10px;
Как задать внешний отступ для элемента в CSS?
margin: 10px;
padding: 10px;
spacing: 10px;
indent: 10px;
Что из следующего не является частью CSS Box Model?
Margin
Padding
Border
Float
Как изменить размер рамки вокруг элемента?
border-width: 2px;
border-size: 2px;
frame-width: 2px;
outline-width: 2px;
Как выровнять элемент по центру горизонтали в CSS?
align: center;
text-align: center;
horizontal-align: center;
margin-horizontal: auto;
Как убрать отступы (margins) по умолчанию у элементов в CSS?
reset: margins;
default-margin: 0;
remove-margins: true;
margin: 0;
Как изменить порядок слоев при использовании z-index?
layer-order: 2;
order: 2;
z-layer: 2;
z-index: 2;
Как добавить медиа запрос для адаптивного дизайна?
media-query: (max-width: 768px) { }
responsive: (max-width: 768px) { }
@media (max-width: 768px) { }
query-media (max-width: 768px) { }
Как скрыть элемент при ширине экрана менее 600px?
@media (min-width: 600px) { display: none; }
@media (max-width: 600px) { display: none; }
@media (width < 600px) { display: none; }
@media (width > 600px) { display: none; }
Какова основная цель Flexbox?
Управление стилями элемента
Управление блочной моделью
Управление порядком элементов в ряду
Управление распределением элементов в контейнере
Как создать горизонтальный список с использованием Flexbox?
display: flex; flex-direction: row;
display: flex; flex-direction: column;
display: block; flex-direction: horizontal;
display: inline-flex;
Как создать сетку с использованием CSS Grid?
display: grid;
grid: create;
grid-template: create;
grid-layout: true;
Как задать количество столбцов в сетке с помощью CSS Grid?
columns: 3;
grid-columns: 3;
grid-template-columns: 3;
column-count: 3;
Что такое "мобильное первое" (mobile-first) в адаптивном дизайне?
Начинать разработку с десктопной версии
Начинать разработку с мобильной версии
Иметь только мобильную версию сайта
Скрывать элементы на мобильных устройствах
