Искать
Вы превысили запрос на
0 знаков

Codebra
это онлайн-курсы и видеоуроки с практикой по различным языкам программирования и технологиям

263
урока
0
пусто
0
пусто
Небольшая статистика сайта codebra
HTML и CSS — основы веб-программирования
На этой странице представлен только один курс, для просмотра других нажмите кнопку справа!
Все курсы
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
Раздел 1. Знакомство с HTML
1.0.1 - Вводный урок по курсу HTML и CSS
1.0.2 - Вводный тест по курсу HTML и CSS
1.1.1 - Что такое HTML?
1.1.2 - Первое знакомство с HTML
1.2.1 - Теги в HTML. Одинарные и парные теги
1.2.2 - Что такое теги и для чего они нужны?
1.2.3 - Одинарные теги
1.2.4 - Парные теги
1.2.5 - Тест: теги
1.3.1 - Структура HTML документа
1.3.2 - Что означают теги HTML, HEAD, BODY?
1.3.3 - Первая строка всех сайтов - DOCTYPE
1.3.4 - Исходный код веб-страницы
1.3.5 - Заголовок в HTML - тег TITLE
1.3.6 - Кодировка HTML страницы и атрибуты
1.3.7 - Описание стилей в HTML документе
1.3.8 - Подключение внешних файлов в HTML - стили CSS
1.3.9 - Практика: что не хватает в структуре
1.3.10 - Практика: опять чего-то не хватает в структуре
1.4.1 - Использование HTML метатегов (Мета теги)
1.4.2 - Практика: повторим метатеги
1.4.3 - Практика: метатеги Facebook
Раздел 2. Разметка текста
2.1.1 - Заголовки и подзаголовки в HTML
2.1.2 - Практика: заголовки и подзаголовки в HTML (практика 1)
2.2.1 - Что такое абзац в HTML (тег P)?
2.3.1 - Перенос строки и разделительная линия в HTML
2.3.2 - Практика: Перенос строки в HTML
2.4.1 - Нумерованный список в HTML
2.5.2 - Что такое маркированный список в HTML
2.6.2 - Акцентирование (выделение) текста в HTML
2.6.3 - Практика: жирно-курсиво-перечеркнутый
2.7.2 - Цитаты в HTML
2.8.2 - Верхний и нижний индекс в HTML
2.9.2 - Универсальные атрибуты в HTML
Раздел 3. Ссылки
3.1.1 - Что такое ссылки в HTML
3.2.1 - Якоря в HTML
3.3.1 - Атрибуты для ссылок
Раздел 4. Изображения
4.1.1 - Что такое изображение в HTML
4.2.1 - Выравнивание изображений при помощи HTML
4.3.1 - Ширина, высота, рамка у изображений в HTML
4.3.2 - Практика: рамка у изображений
4.4.1 - Альтернативный текст в HTML
Раздел 5. Таблицы
5.1.1 - Что такое таблица в HTML
5.2.1 - Тег TR в HTML таблицах
5.3.1 - Тег TD в HTML таблицах
5.3.2 - Практика 1: colspan и rowspan
5.3.3 - Практика 2: colspan и rowspan
5.4.1 - Рамки для таблиц, строк и ячеек в HTML
5.5.1 - Cтруктурирование HTML таблиц
5.6.1 - Заголовок (CAPTION) HTML таблиц
5.7.1 - Отступы между ячейками в HTML таблицах
5.8.1 - Работаем с цветами в HTML таблице
5.8.2 - Цветные строки в HTML таблице
5.9.1 - Практика 1: поиск ошибок в таблицах
Раздел 6. Формы
6.1.1 - Что такое формы в HTML
6.2.1 - Как создать форму в HTML и ее атрибуты
6.3.1 - Кнопки в HTML - тег BUTTON
6.4.1 - Универсальный тег в HTML форме - тег INPUT
6.5.1 - Многострочное поле для текста – TEXTAREA
6.6.1 - Метки в HTML формах - LABEL
6.7.1 - Раскрывающийся список на HTML - тег SELECT
6.8.1 - Для чего нужен тег KEYGEN
6.9.1 - Группировка элементов в HTML формах
6.10.1 - Группировка элементов списка в HTML
Раздел 7. HTML5
7.1.1 - Знакомство с HTML5
7.2.1 - Структурирование страницы при помощи HTML5
7.3.1 - Еще отличия HTML5 от HTML4
7.4.1 - Немного о CANVAS
7.5.1 - Звук в HTML5, элемент AUDIO
7.6.1 - Видео в HTML5, элемент VIDEO
Раздел 8. Остальное
8.1.1 - Блочный элемент DIV в HTML
8.2.1 - Строчной элемент SPAN в HTML
8.3.1 - Плавающий фрейм IFRAME в HTML
8.4.1 - Форматирование кода тегами PRE и CODE
Раздел 9. Знакомство с CSS
9.1.1 - Что такое CSS?
9.2.1 - Селекторы и свойства в CSS
Раздел 10. Селекторы в CSS
10.1.1 - Основные правила и знакомство с селекторами
10.2.1 - Группировка селекторов в CSS
10.3.1 - Селекторы классов и идентификаторов
10.4.1 - Несколько классов
10.5.1 - Селекторы идентификаторов (id селекторы)
10.6.1 - Селекторы атрибутов: простой выбор
10.7.1 - Селекторы атрибутов: по конкретному значению
10.8.1 - Селекторы атрибутов: по частичному значению
10.9.1 - Селекторы атрибутов: по конкретному атрибуту
10.10.1 - Структура документа: родитель-потомок в CSS
10.11.1 - Структура документа: дочерние элементы в CSS
10.12.1 - Структура документа: сестринские элементы в CSS
10.13.1 - Псевдоклассы: ссылки
10.14.1 - Псевдоклассы: первый дочерний элемент
10.15.1 - Псевдоэлементы: первая буква и строка
Раздел 11. Структура и каскад
11.1.1 - Специфичность в CSS
11.2.1 - Наследование в CSS
11.3.1 - Каскад в CSS
Раздел 12. Единицы измерения
12.1.1 - Числа и процентные значения в CSS
12.2.1 - Именованные цвета в CSS
12.3.1 - Цветовая модель RGB в CSS
12.4.1 - Единицы измерения длины в CSS
12.5.1 - URL в CSS
Раздел 13. Шрифт
13.1.1 - Семейство шрифтов в CSS
13.2.1 - Насыщенность шрифта в CSS
13.3.1 - Размер шрифта в CSS
13.4.1 - Стиль шрифта в CSS
13.5.1 - Свойство font в CSS
13.6.1 - Как подключить сторонний шрифт в CSS
Раздел 14. Свойства текста
14.1.1 - Как сделать отступ или красную строку в CSS
14.1.2 - Практика: красная строка - первый раз
14.1.3 - Практика: красная строка - самостоятельно
14.1.4 - Практика: красная строка - где ошибка?
14.1.5 - Практика: красная строка - где еще ошибка?
14.2.2 - Практика: горизонтальное выравнивание - первый раз
14.2.3 - Практика: горизонтальное выравнивание - где ошибка?
14.3.2 - Практика: межстрочный интервал (интерлиньяж) - первый раз
14.3.3 - Практика: межстрочный интервал (интерлиньяж) - самостоятельно
14.3.4 - Практика: межстрочный интервал (интерлиньяж) - где ошибка?
14.4.2 - Практика: расстояние между словами (word-spacing) - первый раз
14.4.3 - Практика: расстояние между словами (word-spacing) - самостоятельно
14.4.4 - Практика: расстояние между словами (word-spacing) - где ошибка?
14.5.2 - Практика: расстояние между буквами (letter-spacing) - первый раз
14.5.3 - Практика: расстояние между буквами (letter-spacing) - самостоятельно
14.5.4 - Практика: расстояние между буквами (letter-spacing) - где ошибка?
14.6.2 - Практика: изменение регистра (text-transform) - первый раз
14.6.3 - Практика: изменение регистра (text-transform) - самостоятельно
14.6.4 - Практика: изменение регистра (text-transform) - где ошибка?
14.7.2 - Практика: убираем подчеркивание у ссылок (text-decoration)
14.7.3 - Практика: добавляем подчеркивание текста (text-decoration)
Раздел 15. Форматирование
15.1.1 - Свойства форматирования all, clear и clip
15.2.1 - Свойство display
Раздел 16. Отступы, рамки, поля
16.1.1 - Свойство margin для установки отступов
16.2.1 - Свойство padding для установки полей
16.3.1 - Свойство border для создания границ
16.4.1 - Свойство outline для создания внешних границ
Раздел 17. Цвета и фон
17.1.1 - Свойство background для работы с фоном
17.2.1 - Свойство color для работы с цветом
17.3.1 - Добавляем градиент к фону элемента
Раздел 18. Позиционирование
18.1.1 - Позиционирование элементов свойством position
18.2.1 - Изменяем свойствами left, top, right и bottom положение элемента
18.3.1 - Свойство z-index для определения уровня элемента
Раздел 19. Верстка таблиц
19.1.1 - Общая информация и форматирование таблиц
Раздел 20. Списки
20.1.1 - Типы списков в CSS
20.2.1 - Маркер списка в виде изображения
20.3.1 - Как изменить положение маркера списка
20.4.1 - Краткое свойство для изменения стиля списка
Раздел 21. Анимация
21.1.1 - Как сделать плавный переход в CSS
21.2.1 - Трансформирование элементов при помощи CSS
Раздел 22. Практика с htmlbook.ru
22.1.1 - TEX
22.2.1 - Андроид в кружке
22.3.1 - Вложенные списки
22.4.1 - Выворотка
22.5.1 - Заголовки
22.6.1 - Многочлен степени n
22.7.1 - Объединение ячеек
22.8.1 - Отступы между блоков
22.9.1 - Поле для ввода чисел
22.10.1 - Поле для поиска
22.11.1 - Работа с абзацами
22.12.1 - Разноцветные ссылки
22.13.1 - Рисованная рамка
22.14.1 - Создание веб-страницы
22.15.1 - Создание ссылок
22.16.1 - Создание таблицы
22.17.1 - Стиль для печати
22.18.1 - Стихотворение
22.19.1 - Флаг Японии
22.20.1 - Цвет и фон в таблице
22.21.1 - Цвет фона и текста документа
22.22.1 - Чередующиеся квадраты
22.23.1 - Ширина таблицы
22.24.1 - Батарейка
22.25.1 - Вырезанные уголки
22.26.1 - Гламурная кнопка
22.27.1 - Градиентные кнопки в Safari
22.28.1 - Граница вокруг формы
22.29.1 - Двойная рамка
22.30.1 - Значки для листания фотографий
22.31.1 - Индикатор прогресса
22.32.1 - Квадратный корень
22.33.1 - Квадраты
22.34.1 - Круговая диаграмма
22.35.1 - Наложение слоев
22.36.1 - Нумерация
22.37.1 - Нумерация страниц
22.38.1 - Обязательные поля формы
22.39.1 - Отступ под изображением
22.40.1 - Поле для игры в гомоку
22.41.1 - Последняя линия справа
22.42.1 - Прогноз погоды
22.43.1 - Рамка с поворотом
Раздел 23. Элементы сайта
23.1.1 - Кнопка на сайте codebra