Videos · Видеоуроки
Web Basics — HTML & CSS · Основы веб-разработки — HTML и CSS
Pick a topic to watch. · Выберите тему для просмотра.
21 video lessons · 21 видеоуроков
2:20
Ваша первая веб-страница
Каждая страница, которую вы когда-либо открывали, — это файл, набранный кем-то вручную. Не нарисованный,…
2:28
Заголовки
Страница из абзацев одного размера — это стена текста, от которой читатель отталкивается. Заголовки помо…
2:07
Жирный, курсив, перенос
До сих тег оборачивал целый блок: эта строка — параграф, эта строка — заголовок. Вот что-то новое — тег,…
2:17
Списки
Запишите три элемента как три абзаца, и браузер не поймёт, что они связаны. Скажите list, и он сделает э…
2:31
Ссылки
Всё, что вы написали до сих пор, находится на одной странице и остаётся там. Один тег превращает это в ч…
2:25
Изображения
Тег сказал браузеру, что есть что. Этот должен сказать ему, КУДА пойти и получить это, а для этого нужна…
2:18
Настоящая веб-страница
До сих пор вы писали части страницы. Настоящая страница помещает их в рамку, и эта рамка одинакова практ…
2:29
Комментарии и вложенность
До сих пор каждый тег был соседом предыдущего. На реальных страницах теги вкладываются ВНУТРЬ других тег…
2:17
Таблицы
Это тег, который студенты чаще всего путают, и всегда по той же причине: они угадывают порядок вместо то…
2:08
Формы
Всё, что вы создали до сих пор, предназначено для чтения. Форма отличается: её использует посетитель. За…
2:19
Секции и классы
Маленькие страницы нормальны как один стек тегов. Большие — нет: посетитель видит заголовок, затем конте…
2:21
Ваш первый CSS
Примерно посередине курса появляется второй язык. HTML говорит, ЧТО есть каждая вещь — это параграф, это…
2:18
Селекторы
На прошлом уроке селектором было имя тега, которое меняет все абзацы на странице. Это часто слишком мног…
2:19
Цвета
Цвет — это момент, когда страница перестает выглядеть как домашнее задание. Это также момент, когда нови…
2:16
Стилирование текста
Ещё на втором уроке браузер выбрал размеры ваших заголовков за вас. Теперь вы можете выбрать их сами, с …
2:27
Модель блока
Два элемента отказываются садиться туда, куда вы хотите, и ничего, что вы печатаете, не исправляет это. …
2:17
Внешние отступы (margin)
Margin — это пространство снаружи ящика, и вот что о нём важно: на ящике, вокруг которого ничего нет, ma…
2:16
демонстрации
Вы наблюдали за этим с третьего урока без названия. Некоторые элементы занимают целую строку и растягива…
2:09
Ширина и центрирование
Вот вещь, которую вы могли не заметить: блочный элемент уже такой широкий, как вся страница. Он таким бы…
1:58
Flexbox
Всё, что вы построили до сих пор, выстраивается вниз, потому что это то, что делают блочные элементы. Но…
2:19
Карточка профиля
Последний урок, и это проект, а не новая идея. Вы строите карточку профиля: картинка сверху, имя цветом …