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

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

а это страница с курсом по HTML и CSS. на ней можно познакомиться с перечнем уроков и пройти любой из них.
313
уроков
0
пусто
0
пусто
Небольшая статистика сайта codebra
HTML и CSS — основы веб-программирования
На этой странице представлен только один курс, для просмотра других нажмите кнопку справа!
Все курсы
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Раздел 1. Знакомство с HTML
Урок 0.1 - Вводный урок по курсу HTML и CSS
Тест 0.2 - Вводный тест по курсу HTML и CSS
Урок 1.1 - Что такое HTML?
Урок 1.2 - Первое знакомство с HTML
Урок 2.1 - Теги в HTML. Одинарные и парные теги
Урок 2.2 - Что такое теги и для чего они нужны?
Урок 2.3 - Одинарные теги
Урок 2.4 - Парные теги
Тест 2.5 - Тест: теги
Практика 3.1 - Структура HTML документа
Урок 3.2 - Что означают теги HTML, HEAD, BODY?
Урок 3.3 - Первая строка всех сайтов - DOCTYPE
Урок 3.4 - Исходный код веб-страницы
Урок 3.5 - Заголовок в HTML - тег TITLE
Урок 3.6 - Кодировка HTML страницы и атрибуты
Урок 3.7 - Описание стилей в HTML документе
Урок 3.8 - Подключение внешних файлов в HTML - стили CSS
Практика 3.9 - Что не хватает в структуре?
Практика 3.10 - Опять чего-то не хватает в структуре
Тест 3.11 - Тест по структуре HTML документа
Тест 3.12 - Тест по подключению файлов к веб-странице и кодировке
Урок 4.1 - Использование HTML метатегов (Мета теги)
Практика 4.2 - Повторим метатеги
Практика 4.3 - Метатеги Facebook
Раздел 2. Разметка текста
Урок 1.1 - Заголовки и подзаголовки в HTML
Практика 1.2 - Заголовки и подзаголовки в HTML (практика 1)
Практика 2.1 - Что такое абзац в HTML (тег P)?
Урок 3.1 - Перенос строки и разделительная линия в HTML
Практика 3.2 - Практика: Перенос строки в HTML
Урок 4.1 - Нумерованный список в HTML
Урок 5.2 - Что такое маркированный список в HTML
Урок 6.2 - Акцентирование (выделение) текста в HTML
Практика 6.3 - Жирно-курсиво-перечеркнутый
Урок 7.2 - Цитаты в HTML
Урок 8.2 - Верхний и нижний индекс в HTML
Урок 9.2 - Универсальные атрибуты в HTML
Раздел 3. Ссылки
Урок 1.1 - Что такое ссылки в HTML
Урок 2.1 - Якоря в HTML
Урок 3.1 - Атрибуты для ссылок
Раздел 4. Изображения
Урок 1.1 - Что такое изображение в HTML
Урок 2.1 - Выравнивание изображений при помощи HTML
Урок 3.1 - Ширина, высота, рамка у изображений в HTML
Практика 3.2 - Рамка у изображений
Урок 4.1 - Альтернативный текст в HTML
Раздел 5. Таблицы
Урок 1.1 - Что такое таблица в HTML
Урок 2.1 - Тег TR в HTML таблицах
Урок 3.1 - Тег TD в HTML таблицах
Практика 3.2 - Практика 1: colspan и rowspan
Практика 3.3 - Практика 2: colspan и rowspan
Урок 4.1 - Рамки для таблиц, строк и ячеек в HTML
Урок 5.1 - Cтруктурирование HTML таблиц
Урок 6.1 - Заголовок (CAPTION) HTML таблиц
Урок 7.1 - Отступы между ячейками в HTML таблицах
Урок 8.1 - Работаем с цветами в HTML таблице
Урок 8.2 - Цветные строки в HTML таблице
Практика 9.1 - Поиск ошибок в таблицах
Раздел 6. Формы
Урок 1.1 - Что такое формы в HTML
Урок 2.1 - Как создать форму в HTML и ее атрибуты
Урок 3.1 - Кнопки в HTML - тег BUTTON
Урок 4.1 - Универсальный тег в HTML форме - тег INPUT
Урок 5.1 - Многострочное поле для текста – TEXTAREA
Урок 6.1 - Метки в HTML формах - LABEL
Урок 7.1 - Раскрывающийся список на HTML - тег SELECT
Урок 8.1 - Для чего нужен тег KEYGEN
Урок 9.1 - Группировка элементов в HTML формах
Урок 10.1 - Группировка элементов списка в HTML
Раздел 7. HTML5
Урок 1.1 - Знакомство с HTML5
Урок 2.1 - Структурирование страницы при помощи HTML5
Урок 3.1 - Еще отличия HTML5 от HTML4
Урок 4.1 - Немного о CANVAS
Урок 5.1 - Звук в HTML5, элемент AUDIO
Урок 6.1 - Видео в HTML5, элемент VIDEO
Раздел 8. Остальное
Урок 1.1 - Блочный элемент DIV в HTML
Урок 2.1 - Строчной элемент SPAN в HTML
Урок 3.1 - Плавающий фрейм IFRAME в HTML
Урок 4.1 - Форматирование кода тегами PRE и CODE
Раздел 9. Знакомство с CSS
Урок 1.1 - Что такое CSS?
Урок 2.1 - Селекторы и свойства в CSS
Раздел 10. Селекторы в CSS
Урок 1.1 - Основные правила и знакомство с селекторами
Урок 2.1 - Группировка селекторов в CSS
Урок 3.1 - Селекторы классов и идентификаторов
Урок 4.1 - Несколько классов
Урок 5.1 - Селекторы идентификаторов (id селекторы)
Урок 6.1 - Селекторы атрибутов: простой выбор
Урок 7.1 - Селекторы атрибутов: по конкретному значению
Урок 8.1 - Селекторы атрибутов: по частичному значению
Урок 9.1 - Селекторы атрибутов: по конкретному атрибуту
Урок 10.1 - Структура документа: родитель-потомок в CSS
Урок 11.1 - Структура документа: дочерние элементы в CSS
Урок 12.1 - Структура документа: сестринские элементы в CSS
Урок 13.1 - Псевдоклассы: ссылки
Урок 14.1 - Псевдоклассы: первый дочерний элемент
Урок 15.1 - Псевдоэлементы: первая буква и строка
Раздел 11. Структура и каскад
Урок 1.1 - Специфичность в CSS
Урок 2.1 - Наследование в CSS
Урок 3.1 - Каскад в CSS
Раздел 12. Единицы измерения
Урок 1.1 - Числа и процентные значения в CSS
Урок 2.1 - Именованные цвета в CSS
Урок 3.1 - Цветовая модель RGB в CSS
Урок 4.1 - Единицы измерения длины в CSS
Урок 5.1 - URL в CSS
Раздел 13. Шрифт
Урок 1.1 - Семейство шрифтов в CSS
Урок 2.1 - Насыщенность шрифта в CSS
Урок 3.1 - Размер шрифта в CSS
Урок 4.1 - Стиль шрифта в CSS
Урок 5.1 - Свойство font в CSS
Урок 6.1 - Как подключить сторонний шрифт в CSS
Раздел 14. Свойства текста
Урок 1.1 - Как сделать отступ или красную строку в CSS
Практика 1.2 - Красная строка - первый раз
Практика 1.3 - Красная строка - самостоятельно
Практика 1.4 - Красная строка - где ошибка?
Практика 1.5 - Красная строка - где еще ошибка?
Практика 2.2 - Горизонтальное выравнивание - первый раз
Практика 2.3 - Горизонтальное выравнивание - где ошибка?
Практика 3.2 - Межстрочный интервал (интерлиньяж) - первый раз
Практика 3.3 - Межстрочный интервал (интерлиньяж) - самостоятельно
Практика 3.4 - Межстрочный интервал (интерлиньяж) - где ошибка?
Практика 4.2 - Расстояние между словами (word-spacing) - первый раз
Практика 4.3 - Расстояние между словами (word-spacing) - самостоятельно
Практика 4.4 - Расстояние между словами (word-spacing) - где ошибка?
Практика 5.2 - Расстояние между буквами (letter-spacing) - первый раз
Практика 5.3 - Расстояние между буквами (letter-spacing) - самостоятельно
Практика 5.4 - Расстояние между буквами (letter-spacing) - где ошибка?
Практика 6.2 - Изменение регистра (text-transform) - первый раз
Практика 6.3 - Изменение регистра (text-transform) - самостоятельно
Практика 6.4 - Изменение регистра (text-transform) - где ошибка?
Практика 7.2 - Убираем подчеркивание у ссылок (text-decoration)
Практика 7.3 - Добавляем подчеркивание текста (text-decoration)
Раздел 15. Форматирование
Урок 1.1 - Свойства форматирования all, clear и clip
Урок 2.1 - Свойство display
Раздел 16. Отступы, рамки, поля
Урок 1.1 - Свойство margin для установки отступов
Урок 2.1 - Свойство padding для установки полей
Урок 3.1 - Свойство border для создания границ
Урок 4.1 - Свойство outline для создания внешних границ
Раздел 17. Цвета и фон
Урок 1.1 - Свойство background для работы с фоном
Урок 2.1 - Свойство color для работы с цветом
Урок 3.1 - Добавляем градиент к фону элемента
Раздел 18. Позиционирование
Урок 1.1 - Позиционирование элементов свойством position
Урок 2.1 - Изменяем свойствами left, top, right и bottom положение элемента
Урок 3.1 - Свойство z-index для определения уровня элемента
Раздел 19. Верстка таблиц
Урок 1.1 - Общая информация и форматирование таблиц
Раздел 20. Списки
Урок 1.1 - Типы списков в CSS
Урок 2.1 - Маркер списка в виде изображения
Урок 3.1 - Как изменить положение маркера списка
Урок 4.1 - Краткое свойство для изменения стиля списка
Раздел 21. Анимация
Урок 1.1 - Как сделать плавный переход в CSS
Урок 2.1 - Трансформирование элементов при помощи CSS
Раздел 22. Практика с htmlbook.ru
Урок 1.1 - TEX
Урок 2.1 - Андроид в кружке
Урок 3.1 - Вложенные списки
Урок 4.1 - Выворотка
Урок 5.1 - Заголовки
Урок 6.1 - Многочлен степени n
Урок 7.1 - Объединение ячеек
Урок 8.1 - Отступы между блоков
Урок 9.1 - Поле для ввода чисел
Урок 10.1 - Поле для поиска
Урок 11.1 - Работа с абзацами
Урок 12.1 - Разноцветные ссылки
Урок 13.1 - Рисованная рамка
Урок 14.1 - Создание веб-страницы
Урок 15.1 - Создание ссылок
Урок 16.1 - Создание таблицы
Урок 17.1 - Стиль для печати
Урок 18.1 - Стихотворение
Урок 19.1 - Флаг Японии
Урок 20.1 - Цвет и фон в таблице
Урок 21.1 - Цвет фона и текста документа
Урок 22.1 - Чередующиеся квадраты
Урок 23.1 - Ширина таблицы
Урок 24.1 - Батарейка
Урок 25.1 - Вырезанные уголки
Урок 26.1 - Гламурная кнопка
Урок 27.1 - Градиентные кнопки в Safari
Урок 28.1 - Граница вокруг формы
Урок 29.1 - Двойная рамка
Урок 30.1 - Значки для листания фотографий
Урок 31.1 - Индикатор прогресса
Урок 32.1 - Квадратный корень
Урок 33.1 - Квадраты
Урок 34.1 - Круговая диаграмма
Урок 35.1 - Наложение слоев
Урок 36.1 - Нумерация
Урок 37.1 - Нумерация страниц
Урок 38.1 - Обязательные поля формы
Урок 39.1 - Отступ под изображением
Урок 40.1 - Поле для игры в гомоку
Урок 41.1 - Последняя линия справа
Урок 42.1 - Прогноз погоды
Урок 43.1 - Рамка с поворотом
Раздел 23. Элементы сайта
Практика 1.1 - Кнопка на сайте codebra