- Часть 1: Возможности HTML и CSS
- Практикум
- Профессии
- Информация
- Услуги
- Остальное
- Вход
- Регистрация
- Восстановление доступа
- Знакомство с HTML и CSS
- Теория
- Часть 1: Структура HTML-документа
- Часть 2: Разметка текста
- Часть 3: Ссылки и изображения
- Часть 4: Основы CSS
- Часть 5: Оформление текста
- Практикум
- Профессии
- Информация
- Услуги
- Остальное
- Вход
- Регистрация
- Восстановление доступа
- Интерактивные онлайн-курсы HTML Academy
- Подробнейшие тренажёры по HTML, CSS и JavaScript
- 8 частей тренажёров — бесплатно
- Обучение на практике
- От новичка до профессионала
- Учиться весело
- HTML and CSS basics
- Theory
- Practice
- Chapter1: HTML document structure
- Chapter1: HTML document structure
- Chapter2: Text markup
- Chapter2: Text markup
- Chapter3: Links and images
- Chapter3: Links and images
- Chapter4: CSS essentials
- Chapter4: CSS essentials
- Chapter5: Typography
- Chapter5: Typography
- Final challenges will be available soon!
- Log in
- Sign up
- Restore access
- We are sorry
Часть 1: Возможности HTML и CSS
Вспомним какие элементы есть в стандарте HTML и как их правильно использовать. Потренируемся вставлять на страницу аудио, видео и векторные изображения, подключать и использовать нестандартные шрифты, а также познакомимся с крутыми возможностями CSS.
Практикум
Профессии
- HTML и CSS.
Профессиональная вёрстка сайтов - HTML и CSS.
Адаптивная вёрстка и автоматизация - JavaScript.
Профессиональная разработка веб-интерфейсов - JavaScript.
Архитектура клиентских приложений - React.
Разработка сложных клиентских приложений - Node.js.
Профессиональная разработка REST API - Node.js и Nest.js.
Микросервисная архитектура - TypeScript. Теория типов
- Алгоритмы и структуры данных
- Паттерны проектирования
- Webpack
- Vue.js 3. Разработка клиентских приложений
- Git и GitHub
- Анимация для фронтендеров
Информация
Услуги
Остальное
Вход
Регистрация
Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».
Восстановление доступа
Забыли пароль или потеряли доступ к профилю? Введите привязанную к профилю эл. почту, мы отправим вам письмо со ссылкой для восстановления.
Забыли привязать эл. почту к профилю? Напишите нам, мы поможем.
Знакомство с HTML и CSS
Изучаем основы HTML и CSS. На практике разбираемся с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.
Тренажёр обновлён 12 мая 2023
Теория
Обязательный для прохождения материал, теория, задания и испытания.
5 частей , 83 задания , 5 испытаний
Часть 1: Структура HTML-документа
Начинаем готовить разметку страницы блога, разбираемся из каких тегов она состоит и за что эти теги отвечают.
Часть 2: Разметка текста
Продолжаем верстать страницу блога, изучаем, как правильно размечать текстовое содержание: абзацы, заголовки, подзаголовки, списки и многое другое.
Часть 3: Ссылки и изображения
Завершаем разметку страницы блога, добавляем навигационные ссылки, а также разбираемся с форматами изображений.
Часть 4: Основы CSS
Начинаем оформление страниц блога и заодно разбираем базовые понятия CSS: правила, селекторы, свойства, значения, наследование и каскадирование.
Часть 5: Оформление текста
Завершаем оформление страниц блога, учимся оформлять тексты с помощью CSS: задаём шрифты, цвета, отступы, размеры.
Практикум
Профессии
- HTML и CSS.
Профессиональная вёрстка сайтов - HTML и CSS.
Адаптивная вёрстка и автоматизация - JavaScript.
Профессиональная разработка веб-интерфейсов - JavaScript.
Архитектура клиентских приложений - React.
Разработка сложных клиентских приложений - Node.js.
Профессиональная разработка REST API - Node.js и Nest.js.
Микросервисная архитектура - TypeScript. Теория типов
- Алгоритмы и структуры данных
- Паттерны проектирования
- Webpack
- Vue.js 3. Разработка клиентских приложений
- Git и GitHub
- Анимация для фронтендеров
Информация
Услуги
Остальное
Вход
Регистрация
Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».
Восстановление доступа
Забыли пароль или потеряли доступ к профилю? Введите привязанную к профилю эл. почту, мы отправим вам письмо со ссылкой для восстановления.
Забыли привязать эл. почту к профилю? Напишите нам, мы поможем.
Интерактивные онлайн-курсы HTML Academy
Научитесь создавать и программировать современные веб-интерфейсы, начните карьеру в IT, оттачивайте своё мастерство.
Подробнейшие тренажёры
по HTML, CSS и JavaScript
Мы выбрали одно направление — фронтенд — и сделали самые подробные тренажёры о веб-технологиях. Одну тысячу пятьсот заданий в среднем проходят за три месяца.
8 частей тренажёров — бесплатно
Сто тридцать интерактивных заданий — бесплатные. После их прохождения вы сможете создать свой сайт.
Обучение на практике
С самого начала мы учим работать с живым кодом и самостоятельно решать задачи, приближённые к реальным. Также вас ждут испытания, принцип которых — «сверстай, как показано в образце».
От новичка до профессионала
Разобравшись с тренажёрами вы сможете принять участие в профессиональных курсах. Это профессиональные программы, где под руководством личного наставника вы научитесь создавать современные сайты и веб-приложения по критериям качества, принятым в веб-индустрии.
Учиться весело
Интересные, наглядные и затягивающие курсы, интерактивные интерфейсы, достижения — всё для обучения с удовольствием. И конечно же, Инструктор Кекс. Заскучать не получится.
1 507 Заданий и испытаний
1 291 417 Пользователей
103 740 448 Заданий выполнено
Всё начинается с сущей шалости. «Я только попробую», — говоришь ты. А утром обнаруживаешь себя за компьютером и не можешь ответить, как долго просидел за ним, проходя онлайн‑курсы один за другим. Именно в этот момент всё выходит из-под контроля: базовый интенсив, продвинутый, JavaScript. И вот ты уже меняешь свою работу, жизнь и мечтаешь теперь об одном: стать ниндзя веб-разработки, в арсенале которого HTML, CSS, SVG и JavaScript. Ребятам из HTML Academy удалось невозможное: увлечь за собой многих «скучающих и сомневающихся» и занять их сложным, современным и очень классным делом. Ирина Смирнова, фронтенд-разработчик в Bookmate
Обучаясь в Академии, вы сэкономите огромное количество времени и научитесь правильно писать код, работать с реальными проектами и очень легко сможете продолжить свою карьеру фронтенд-разработчика самостоятельно. А также работа с наставником даёт большой опыт работы с кодом, потому что он всегда готов помочь в трудную минуту. Богдан Васкан, веб-разработчик в Synergic Software
Курсы Академии мне порекомендовали. Всегда скептически относился к вебинарам, но обучение в Академии изменило это представление. Учиться действительно интересно, занимательно, и, самое главное, не скучно. Интенсив Академии просто «вбивает» в голову нужные и современные навыки и знания, которые пригодятся вам в любимом деле. Павел Цыганов, преподаватель
Для меня знакомство с миром вёрстки началось с книжек и скринкастов на YouTube. Это было интересно, но непросто. И вызывало больше вопросов, чем ответов. В процессе появилось понимание, что без структуры и обратной связи от опытных практиков обучение может растянуться до бесконечности. В какой-то момент я наткнулся на сайт Академии. Это было что-то принципиально новое, интересное и увлекательное. Я стал проходить курсы по HTML и CSS. Это напоминало увлекательную игру, в которой хочется пройти на новый уровень. Сразу вспомнилась моя любимая игра World of Warcraft. Выполнил задание — получил достижение. В какой-то момент захотелось большего, и естественным продолжением стал интенсив. Месяц бессонных ночей, взорванный мозг, и вот, я смотрю на мой первый сайт. Потом на второй. И этот загадочный мир вёрстки начинает становиться понятным и уже родным. Для меня Академия стала прекрасным стартом, и я уверен, что будет отличным продолжением! Сергей Фоменко, ученик Академии
Если бы в школьную программу добавили обучение по таким интерактивным курсам, думаю, дети быстрей поняли, что им нравится, и лучше усваивали. Регулярно захожу на сайт, чтобы отдохнуть и вдобавок вспомнить, что давно не использовал в вёрстке. Советую всем тем, кто хочет держать себя в тонусе, и тем, кто учится. Поверьте такой подход обучения покажет свой результат, а если вы добавите ещё видео и книги, то пойдёт как по маслу. Поехали! Владислав Ридвановский, младший фронтенд-разработчик
HTML Academy — это новый уровень в онлайн-обучении. Я даже представить не мог, что такой уровень подачи материала может быть в онлайн. Академия учит тебя думать как профессионал, делать как профессионал. Плюс ко всему Академия — это семья и сообщество в одном лице, где каждый найдёт себе собеседника, ответ на волнующий его вопрос. Ни разу не пожалел, что год тому назад решил попробовать их курсы! Дмитрий Руднев, фронтенд-разработчик в Greensight
Обучение в HTML Academy позволяет быстро погрузиться и качественно прокачаться в сфере фронтенда. Круто стать частью огромного волшебного мира и так скоро уже оказаться одним из лучших среди новых коллег. Артемий Альтигин, системный администратор
HTML and CSS basics
Learning markup and CSS syntax: from the simple text-level tags and CSS selectors to the typical page structure, cascade, and inheritance.
Theory
Tasks and challenges required for taking the course.
5 chapters , 83 tasks , 5 challenges
Practice
Useful but not required tasks. Available only with subscription.
Chapter1: HTML document structure
Let’s start by preparing the markup for the blog page, and we will start to understand what tags are used in the markup and what these tags are used for.
Chapter1: HTML document structure
Chapter2: Text markup
Let’s continue laying out the blog page, and let’s learn how to correctly lay out the test content: paragraphs, headings, subheadings, lists and much more.
Chapter2: Text markup
Chapter3: Links and images
Let’s finish marking up the blog pages, adding navigation links as well as figuring out the image formats.
Chapter3: Links and images
Let’s finish marking up the blog pages, adding navigation links as well as figuring out the image formats.
Chapter4: CSS essentials
Let’s start with the design of the blog pages and at the same time analyze the basic concepts within CSS, including rules, selectors, properties, values, inheritance, and cascading.
Chapter4: CSS essentials
Let’s start with the design of the blog pages and at the same time analyze the basic concepts within CSS, including rules, selectors, properties, values, inheritance, and cascading.
Chapter5: Typography
Finish the design of the blog pages, and learn how to design texts with CSS, including setting fonts, colors, indents, and sizes.
Chapter5: Typography
Finish the design of the blog pages, and learn how to design texts with CSS, including setting fonts, colors, indents, and sizes.
Final challenges will be available soon!
Log in
Sign up
Restore access
Have you forgotten your password or lost access to your profile? Enter your email connected to your profile and we will send you a link to restore access.
Forgot to connect your email to the profile? Email us and we’ll help.
We are sorry
This course is not available for sale yet.
You can subscribe to our mailing list and we will let you know when the course is published.
We are using cookies to gather information which will help you use our website most effectively. You can read about this here or disable this feature if you want. By continuing to browse the site, you agree to our use of cookies.