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

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

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

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

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

  • Расширение для определения цвета (для Chrome, Yandex Browser) - ColorPick Eyedropper
  • Расширение для определения размера (линейка) (для Chrome, Yandex Browser) - MeasureIt
  • Так же рекомендую прочитать здесь о других полезных расширениях
Раздел «Практика с htmlbook.ru»
ПРАКТИКА 152. TEX
Вы здесь
153. ПРАКТИКА: Андроид в кружке
154. ПРАКТИКА: Вложенные списки
155. ПРАКТИКА: Выворотка
156. ПРАКТИКА: Заголовки
157. ПРАКТИКА: Многочлен степени n
158. ПРАКТИКА: Объединение ячеек
159. ПРАКТИКА: Отступы между блоков
160. ПРАКТИКА: Поле для ввода чисел
161. ПРАКТИКА: Поле для поиска
162. ПРАКТИКА: Работа с абзацами
163. ПРАКТИКА: Разноцветные ссылки
164. ПРАКТИКА: Рисованная рамка
165. ПРАКТИКА: Создание веб-страницы
166. ПРАКТИКА: Создание ссылок
167. ПРАКТИКА: Создание таблицы
168. ПРАКТИКА: Стиль для печати
169. ПРАКТИКА: Стихотворение
170. ПРАКТИКА: Флаг Японии
171. ПРАКТИКА: Цвет и фон в таблице
172. ПРАКТИКА: Цвет фона и текста документа
173. ПРАКТИКА: Чередующиеся квадраты
174. ПРАКТИКА: Ширина таблицы
175. ПРАКТИКА: Батарейка
176. ПРАКТИКА: Вырезанные уголки
177. ПРАКТИКА: Гламурная кнопка
178. ПРАКТИКА: Градиентные кнопки в Safari
179. ПРАКТИКА: Граница вокруг формы
180. ПРАКТИКА: Двойная рамка
181. ПРАКТИКА: Значки для листания фотографий
182. ПРАКТИКА: Индикатор прогресса
183. ПРАКТИКА: Квадратный корень
184. ПРАКТИКА: Квадраты
185. ПРАКТИКА: Круговая диаграмма
186. ПРАКТИКА: Наложение слоев
187. ПРАКТИКА: Нумерация
188. ПРАКТИКА: Нумерация страниц
189. ПРАКТИКА: Обязательные поля формы
190. ПРАКТИКА: Отступ под изображением
191. ПРАКТИКА: Поле для игры в гомоку
192. ПРАКТИКА: Последняя линия справа
193. ПРАКТИКА: Прогноз погоды
194. ПРАКТИКА: Рамка с поворотом
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 2. Разметка текста в HTML
Раздел 3. Ссылки в HTML
Раздел 4. Изображения в HTML
Раздел 5. Таблицы в HTML
Раздел 6. Формы в HTML
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Знакомство с Flexbox
Раздел 24. Элементы сайта
Раздел «Практика с htmlbook.ru»
ПРАКТИКА 152. TEX
Вы здесь
153. ПРАКТИКА: Андроид в кружке
154. ПРАКТИКА: Вложенные списки
155. ПРАКТИКА: Выворотка
156. ПРАКТИКА: Заголовки
157. ПРАКТИКА: Многочлен степени n
158. ПРАКТИКА: Объединение ячеек
159. ПРАКТИКА: Отступы между блоков
160. ПРАКТИКА: Поле для ввода чисел
161. ПРАКТИКА: Поле для поиска
162. ПРАКТИКА: Работа с абзацами
163. ПРАКТИКА: Разноцветные ссылки
164. ПРАКТИКА: Рисованная рамка
165. ПРАКТИКА: Создание веб-страницы
166. ПРАКТИКА: Создание ссылок
167. ПРАКТИКА: Создание таблицы
168. ПРАКТИКА: Стиль для печати
169. ПРАКТИКА: Стихотворение
170. ПРАКТИКА: Флаг Японии
171. ПРАКТИКА: Цвет и фон в таблице
172. ПРАКТИКА: Цвет фона и текста документа
173. ПРАКТИКА: Чередующиеся квадраты
174. ПРАКТИКА: Ширина таблицы
175. ПРАКТИКА: Батарейка
176. ПРАКТИКА: Вырезанные уголки
177. ПРАКТИКА: Гламурная кнопка
178. ПРАКТИКА: Градиентные кнопки в Safari
179. ПРАКТИКА: Граница вокруг формы
180. ПРАКТИКА: Двойная рамка
181. ПРАКТИКА: Значки для листания фотографий
182. ПРАКТИКА: Индикатор прогресса
183. ПРАКТИКА: Квадратный корень
184. ПРАКТИКА: Квадраты
185. ПРАКТИКА: Круговая диаграмма
186. ПРАКТИКА: Наложение слоев
187. ПРАКТИКА: Нумерация
188. ПРАКТИКА: Нумерация страниц
189. ПРАКТИКА: Обязательные поля формы
190. ПРАКТИКА: Отступ под изображением
191. ПРАКТИКА: Поле для игры в гомоку
192. ПРАКТИКА: Последняя линия справа
193. ПРАКТИКА: Прогноз погоды
194. ПРАКТИКА: Рамка с поворотом
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 2. Разметка текста в HTML
Раздел 3. Ссылки в HTML
Раздел 4. Изображения в HTML
Раздел 5. Таблицы в HTML
Раздел 6. Формы в HTML
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Знакомство с Flexbox
Раздел 24. Элементы сайта
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию и компьютерной безопасности. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Пентесту Active Directory, Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно