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

Все курсы и уроки по HTML, CSS и JavaScript на этой странице

а так же по С++, PHP, Python, Jquery и Bootstrap
39
курсов
187
уроков по HTML и CSS
44
урока по JavaScript
10
дополнительных уроков
0
пусто
0
пусто
0
пусто
34
платные практики
Курсы по HTML и CSS
Убрать курсы и вывести все уроки
с этих языков начинает любой веб-разработчик
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
Курс 1. Знакомство с HTML
1.0.1 - Вводный урок по курсу HTML и CSS
1.1.1 - Что такое HTML?
1.1.2 - Первое знакомство с HTML
1.2.1 - Теги в HTML. Одинарные и парные теги
1.2.2 - Что такое теги и для чего они нужны?
1.2.3 - Одинарные теги
1.2.4 - Парные теги
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
Курс 1. Знакомство с HTML
Знакомство с основами языка HTML. Что такое парные и одинарные теги, структура HTML страницы, кодировка и мета-теги.
15 уроков
и
5 практик
Курс 2. Разметка текста
Текст: жирный или курсивный, верхний или нижний индекс, заголовки или абзацы. Различные списки и универсальные атрибуты.
8 уроков
и
4 практики
Курс 3. Ссылки
Как сделать ссылку с одного документа на другой, открыть ссылку в новом окне или в новой вкладке, а так же урок о якорях.
3 урока
и
0 практик
Последние статьи блога
  1. 27 августа
    2020 г.
    #6. Курс по Python на Codebra
  2. 20 августа
    2020 г.
    #5. История сайта Codebra в картинках. Часть 2
  3. 19 августа
    2020 г.
    #4. История сайта Codebra в картинках. Часть 1
  4. 16 августа
    2020 г.
    #3. Обновление от 16 августа 2020 г. на Codebra
  5. 10 августа
    2020 г.
    #2. Обновление от 10 августа 2020 г. на Codebra
Курс 4. Изображения
Что такое изображение, как добавить изображение на страницу. Меняем ширину, высоту и рамку у изображения. И что такое alt.
4 урока
и
1 практика
Курс 5. Таблицы
Что такое таблица, строка и ячейка. Как добавить заголовок и структурировать таблицу на HTML. Отступы между ячейками.
9 уроков
и
3 практики
Курс 6. Формы
Вы узнаете, что такое формы и научитесь ими пользоваться. Узнаете, что такое кнопки, поля, чекбоксы и...
10 уроков
и
0 практик
Курс 7. HTML5
Новые технологии, новые возможности. Знакомимся с HTML5, новыми тегами и применением.
6 уроков
и
0 практик
Курс 8. Остальное
Все, что не вошло в основные курсы HTML, находится здесь. Фреймы, блочные и строчные элементы и многое другое.
4 урока
и
0 практик
Курс 9. Знакомство с CSS
Первый курс по CSS. Знакомство с основами языка CSS. Знакомимся с цветами, размерами и классами. Свойства.
2 урока
и
0 практик
Курс 10. Селекторы в CSS
Селектор – основа CSS. Селектор – основное преимущество языка CSS. Селекторы уберут всю рутинную работу.
15 уроков
и
0 практик
Курс 11. Структура и каскад
В этом курсе говорится о том, что такое специфичность, наследование и каскад в CSS.
3 урока
и
0 практик
Курс 12. Единицы измерения
Очень многое в CSS связано с единицами измерения, поэтому этот курс важен для тех, кто впервые знакомится с CSS.
5 уроков
и
0 практик
Курс 13. Шрифт
Какие бывают шрифты в CSS и как ими пользоваться. Все о шрифтах в этом курсе.
6 уроков
и
0 практик
Курс 14. Свойства текста
Текст – важная часть сайта, поэтому и стилей для текста большое количество.
1 урок
и
20 практик
Курс 15. Форматирование
Учимся задавать положение одних элементов, относительно других.
2 урока
и
0 практик
Курс 16. Отступы, рамки, поля
Учимся указывать отступы и поля вокруг элемента и создавать рамки.
4 урока
и
0 практик
Курс 17. Цвета и фон
Как работать с фоном элементов и цветами в CSS.
3 урока
и
0 практик
Курс 18. Позиционирование
Будем изучать как позиционировать элементы относительно окна браузера.
3 урока
и
0 практик
Курс 19. Верстка таблиц
Уроки не о применении таблиц для верстки, а о том, как форматировать таблицы в CSS.
1 урок
и
0 практик
Курс 20. Списки
Будем изучать основы оформления списков.
4 урока
и
0 практик
Курс 21. Анимация
Изучим переходы, трансформацию и анимацию, появившуюся в CSS3.
2 урока
и
0 практик
Курс 22. Практика с htmlbook.ru
Эта практика взята с сайта htmlbook.ru. Вам нужно сделать максимально похоже, как в окне 'Пример Codebra'.
43 урока
и
0 практик
Курс 23. Элементы сайта
Учимся верстать отдельные элементы сайта. Кнопки, формы, выпадающие списки и многое другое.
0 уроков
и
1 практика
Курсы по JavaScript
Убрать курсы и вывести все уроки
поднимайся на новый уровень
Курс 1. Знакомство с JavaScript
1.1.1 - Первое знакомство с JavaScript
1.2.1 - Продолжаем знакомится с JavaScript
1.3.1 - Вывод нескольких сообщений
1.4.1 - Структура кода на JavaScript
1.5.1 - Переменные в JavaScript
1.6.1 - Константы в JavaScript
1.7.1 - Этика использования переменных в JavaScript
1.8.1 - Лексика языка JavaScript
1.9.1 - Создание понятного кода на JavaScript
Курс 2. Типы и переменные
2.1.1 - Типы данных и значения в JavaScript
2.2.1 - Числа в JavaScript
2.3.1 - Метод вывода: document.write в JavaScript
2.4.1 - Арифметические операции в JavaScript
2.5.1 - Текст: строковые литералы в JavaScript
2.6.1 - Управляющие последовательности в JavaScript
2.7.1 - Работа со строками в JavaScript
2.8.1 - Преобразование типов в JavaScript
2.9.1 - Методы обработки чисел в JavaScript
Курс 3. Выражения и операторы
3.1.1 - Что такое выражения и операторы в JavaScript
3.2.1 - Операторы JavaScript
3.3.1 - Приоритет операторов в JavaScript
3.4.1 - Арифметические выражения в JavaScript
3.5.1 - Унарные арифметические операторы в JavaScript
3.6.1 - Выражения отношений в JavaScript
3.7.1 - Логические выражения в JavaScript
3.8.1 - Выражения присваивания в JavaScript
3.9.1 - Остальные операторы в JavaScript
Курс 4. Инструкции
4.1.1 - Что такое инструкции в JavaScript
4.2.1 - Условные инструкции: инструкция if
4.3.1 - Условные инструкции: инструкция else if
4.4.1 - Условные инструкции: инструкция switch
4.5.1 - Циклы: инструкция while в JavaScript
4.6.1 - Циклы: инструкция do/while в JavaScript
4.7.1 - Циклы: инструкция for в JavaScript
4.8.1 - Циклы: инструкция for/in в JavaScript
4.9.1 - Переходы: метки инструкций в JavaScript
4.10.1 - Переходы: инструкция break в JavaScript
4.11.1 - Переходы: инструкция continue в JavaScript
4.12.1 - Переходы: инструкция return в JavaScript
4.13.1 - Директива use strict в JavaScript
Курс 5. Объекты
5.1.1 - Объекты в JavaScript
5.2.1 - Получение и изменение свойств объекта
5.3.1 - Работа со свойствами объекта
5.4.1 - Методы универсального класса Object
Курс 6. Массивы
Курс 7. Функции
Курс 8. Классы и модули
Курс 1. Знакомство с JavaScript
Познакомитесь с языком JavaScript. Познакомитесь с базовыми понятиями языка и выполните пару простых практик.
9 уроков
и
0 практик
Курс 2. Типы и переменные
Важный курс, посвященный базе JavaScript - типам данных и переменным.
9 уроков
и
0 практик
Курс 3. Выражения и операторы
Из курса узнаете, какие выражения существуют в JavaScript и как с ними работать.
9 уроков
и
0 практик
Курс 4. Инструкции
Что такое инструкции, и какие бывают в JavaScript. Уроки по if, switch, while, do/while, for, for/in, break, continue, return и о директиве use strict.
13 уроков
и
0 практик
Курс 5. Объекты
Объект – это фундамент JavaScript. Объект состоит из неограниченного, неупорядоченного количества свойств, которые имеют свое имя и значение.
4 урока
и
0 практик
Курс 6 в разработке
«Массивы»
Курс 7 в разработке
«Функции»
Курс 8 в разработке
«Классы и модули»
Курсы по C++
Убрать курсы и вывести все уроки
самые азы
Курс 1. Знакомство с C++
1.1.1 - Первое знакомство с С++
1.2.1 - Первая программа на языке С++
Курс 2. Типы данных в C++
Курс 3. Инструкции в C++
Курс 4. Массивы и строки
Курс 1. Знакомство с C++
Познакомитесь с языком С++ и его базовыми понятиями, а так же выполните пару простых практик.
2 урока
и
0 практик
Курс 2 в разработке
«Типы данных в C++»
Курс 3 в разработке
«Инструкции в C++»
Курс 4 в разработке
«Массивы и строки»
Курсы по Python
Убрать курсы и вывести все уроки
что нужно знать
Курс 1. Знакомство с Python
1.1.1 - Первое знакомство с Python
1.2.1 - Погружение в Python
Курс 2. Управление потоком выполнения
Курс 3. Структуры данных
Курс 4. Функции и модули
Курс 1. Знакомство с Python
Основы языка Python. Краткое знакомство с синтаксисом.
2 урока
и
0 практик
Курс 2 в разработке
«Управление потоком выполнения»
Курс 3 в разработке
«Структуры данных»
Курс 4 в разработке
«Функции и модули»
Дополнительные курсы
Убрать курсы и вывести все уроки
прошел курсы по HTML, CSS и JavaScript? Не останавливайся
PHP
1.1.1 - Первое знакомство с PHP
Python
2.1.1 - Знакомство с Python
jQuery
3.1.1 - Знакомство с jQuery
3.2.1 - Селекторы в jQuery
3.3.1 - Фильтры в jQuery
Bootstrap 3
4.1.1 - Знакомство с Bootstrap 3
PHP
Скриптовый язык общего назначения. PHP один из самых популярных и востребованных языков. Узнаете о базовых понятиях и функциях языка PHP.
1 урок
и
0 практик
Python
Python - это простой в освоении язык программирования. Вы можете использовать его для создания веб-приложений, игр, и даже поисковика!
1 урок
и
0 практик
jQuery
Учимся использовать самую популярную и функциональную JavaScript библиотеку для взаимодействия с HTML и CSS.
3 урока
и
0 практик
Bootstrap 3
Учимся использовать самый популярный фреймворк для разработки адаптивных и мобильных web-проектов.
1 урок
и
0 практик
codebra в социальных сетях
наши страницы в соц. сетях, где мы публикуем новости