Викторина

Проверка знаний после завершения учебного курса в виде тестовых вопросов. В конце теста выводится блок правильных и неверных ответов.

float в теории и на практике

Стилевое свойство float изначально было внедрено в CSS для создания обтекаемых картинок и текстовых врезок, но со временем расширило сферу своего применения.

Блочная модель

Для определения размеров блока, его внешнего вида и положения браузер руководствуется алгоритмом, который описан блочной моделью CSS. Знание блочной модели помогает строить отдельные блоки и компоновать их в веб-страницы, что и является основой вёрстки.

Блочная модель в CSS

По умолчанию каждый элемент HTML отображается в браузере в виде прямоугольника. Размеры этого прямоугольника динамичны: они меняются в зависимости от содержимого данного элемента.

Блочные и строчные элементы

В HTML4 практически все элементы относятся к двум типам, различающихся своим поведением и свойствами — это блочные и строчные элементы.

Введение в Интернет

Прежде, чем приступить к созданию своей первой веб-страницы, следует ознакомиться с терминологией веб-разработчика. Вам нужно понимать, что такое сетевой протокол, домен, сайт, веб-страница, браузер и другие термины.

Основы CSS

CSS приносит на сайт жизнь путём нанесения слоя краски на статичное содержимое и повышает его назначение через цвет, пространство, акцент и движение.

Основы HTML

Подобно использованию нот для записи музыки, вы используете HTML для написания веб-страниц.

Основы Sass

Если вы замечаете, что повторяете код в CSS, заменяете несколько сущностей одним и тем же значением или теряетесь в беспорядке селекторов, то препроцессоры CSS для вас.

Позиционирование в CSS

На веб-страницах часто нужны элементы, которые должны позиционироваться определённым образом, так, чтобы они подходили для конкретного дизайна.

Позиционирование элементов

Позиционированием называется положение элемента в системе координат. Различают несколько типов позиционирования: нормальное, относительное, абсолютное, фиксированное и приклеенное.

Продвинутый CSS

На протяжении многих лет были разработаны новые функции, которые изменяют взаимодействие, промежуточные состояния и даже время.

Разделы веб-страницы

Разделение веб-страницы на ряд визуальных блоков помогает нам ориентироваться на веб-странице и сразу выделять главное и второстепенное содержимое.

Селекторы CSS

Что такое стилевой селектор и какие бывают базовые селекторы CSS.

Содержимое в HTML

В то время, как текст всегда был основной средой, HTML эволюционировал, чтобы включить другие типы содержимого, такие как изображения и видео.

Стилизация <meter>

Элемент <meter> применяется для наглядного представления числа, лежащего в заданном диапазоне. Его удобно использовать в инфографике для визуализации таких данных как дисковое пространство, заряд батареи, рейтинг и др.

Стилизация кнопок

Кнопки — это элементы интерфейса, которые позволяют пользователям взаимодействовать с веб-страницей. Например, кнопка «Вход» используется для авторизации пользователей на сайте, а кнопка «Добавить в корзину» для добавления товара в корзину интернет-магазина.

Стилизация ссылок

В HTML ссылки применяются для создания указателя на веб-страницу, файл или сайт. Сама ссылка может вести на определённое место этой же веб-страницы, на другую веб-страницу или другой сайт.

Текст в CSS

Хотя CSS также позволяет менять макет веб-страницы, форматирование текста с помощью CSS — это первое, что люди обычно делают.

Формы в HTML5

Формы являются одним из важных элементов любого сайта и предназначены для обмена данными между пользователем и сервером.