Посмотреть все уроки курса
Выбрать другой урок из курса
Как выполнять практику
Обсуждение
пример codebra
ваш результат
Пример codebra
Ваш результат
Практика отлично работает в браузерах Chrome, Opera и Yandex.Browser. В браузерах Mozilla и IE практика работает либо частично, либо вообще не работает!

1. Как выполнять живую практику на сайте codebra.ru?

  • Хорошо продумайте вашу последовательность действий
  • Пишите код
  • Чтобы сравнить ваш результат с тем, что должно получиться, быстро нажимайте по очереди на вкладки «пример codebra» и «ваш результат», так вы сможете найти различия

2. Какие инструменты помогут вам выполнить практику?

Чтобы быстро и легко выполнять практику, вам возможно понадобятся следующие расширения для браузера.

  • Расширение для определения цвета (для Chrome, Yandex Browser) - ColorPick Eyedropper
  • Расширение для определения размера (линейка) (для Chrome, Yandex Browser) - MeasureIt
  • Так же рекомендую прочитать здесь о других полезных расширениях
Раздел «Практика с 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. Нумерация
Урок 38.1. Обязательные поля формы
Урок 39.1. Отступ под изображением
Урок 40.1. Поле для игры в гомоку
Урок 41.1. Последняя линия справа
Урок 42.1. Прогноз погоды
Урок 43.1. Рамка с поворотом
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 2. Разметка текста
Раздел 3. Ссылки
Раздел 4. Изображения
Раздел 5. Таблицы
Раздел 6. Формы
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 23. Элементы сайта
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.