Учебные курсы

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

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

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

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

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

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

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

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

В данном видеокурсе вы узнаете, что такое стилевой селектор и познакомитесь с базовыми селекторами CSS:

• селекторами элемента;
• классами;
• идентификаторами;
• универсальным селектором.

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

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

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

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

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

В HTML4 практически все элементы относятся к двум типам, различающихся своим поведением и свойствами — это блочные и строчные элементы. Блочные элементы (такие как <p>, <ol>, <div>) начинаются с новой строки и занимают всё доступное им пространство по ширине, независимо от содержимого, строчные (такие как <a>, <var>, <span>) являются частью строки и размеры элементов определяются их содержимым.

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

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