Соберите читаемую структуру
Создайте страницу небольшой заметки с одним главным заголовком и несколькими смысловыми разделами. Прочитайте её без CSS. Порядок заголовков и абзацев должен помогать понять содержание.
HTML · английская озвучка
The Complete Guide to HTML
Программа, практика и требования
Короткий курс Колта Стила для тех, кому нужен именно HTML: структура страницы, текст, ссылки, изображения, таблицы, формы и семантические элементы. Это отдельная начальная ступень, а не полный маршрут веб-разработчика с CSS, JavaScript и сервером.
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее- 4,75 969 оценок на Udemy
- 21 580студентов на Udemy
- 4 ч 31 минвидео · 73 лекции
- ENанглийская речь преподавателя
Только структура страницыАнглийский язык · обновление апрель 2023
Перед началом
Подойдёт ли вам этот курс
Кому подойдёт
Новичкам и специалистам, которым нужно понимать и редактировать разметку.
Что знать до старта
Программирование заранее знать не нужно. Для практики достаточно браузера и редактора кода.
Что сможете сделать
Небольшие HTML-страницы с текстом, изображениями, таблицами, формами и мультимедиа.
Учесть при выборе
Обновление — апрель 2023 года. CSS и JavaScript не составляют цель программы; темы HTML уже есть в широких bootcamp-курсах автора.
Содержание и открытый урок
Понимать структуру документа до его оформления
HTML определяет, какие части есть на странице и как они связаны по смыслу. Курс постепенно знакомит с основными элементами: от заголовка и абзаца до формы и мультимедиа. Такой формат полезен не только будущему разработчику, но и человеку, который редактирует материалы сайта и хочет понимать результат. При выборе важно учесть пересечения. Те же основы уже входят в HTML & CSS Bootcamp и Web Developer Bootcamp Колта Стила. Если вы заранее решили идти в полную вёрстку, отдельный короткий HTML-курс может оказаться лишним повторением. Последнее обновление — апрель 2023 года; это дата программы, а не обещание охвата каждой новой возможности браузеров.
Перед стартом оцените открытый урок и подготовьте инструменты. Обновление — апрель 2023 года. CSS и JavaScript не составляют цель программы; темы HTML уже есть в широких bootcamp-курсах автора.
Самопроверка · редакционные задания
Самопроверка: смысл страницы без визуальных украшений
Эти упражнения предложены редакцией RusUdemy для самостоятельной проверки навыков. Они не являются дополнительными уроками преподавателя и не предполагают проверку работ автором.
Проверьте ссылки и изображения
Добавьте внутреннюю и внешнюю ссылки, изображение с содержательным описанием. Проверьте адреса, понятность текста ссылки и поведение при отсутствии картинки. Не подменяйте смысл изображением там, где нужен текст.
Сделайте понятную форму
Создайте учебную форму с несколькими типами полей и связанными подписями. Пройдите её только клавиатурой. Проверьте обязательные поля и объясните, какие проверки возможны в HTML, а какие требуют программы.
Используйте таблицу по назначению
Разметьте небольшой набор связанных данных с заголовками строк или столбцов. Убедитесь, что таблица описывает данные, а не просто расставляет элементы по странице. Проверьте результат на узком экране.
4 ч 31 мин видео · 73 лекцииСверить программу на Udemy
Девять разделов о разметке
В программе 73 лекции и 4 часа 31 минута видео. После введения и основ HTML идут текстовые элементы, ссылки и изображения, таблицы, два раздела форм, семантические элементы и мультимедиа, затем следующие шаги. Для занятий не требуется опыт программирования. Важнее самостоятельно собирать небольшие документы и проверять их в браузере.
На дату проверки в открытых данных Udemy: 9 разделов, 73 лекции, 4 ч 31 мин видео. На установку инструментов, самостоятельную практику и разбор ошибок потребуется дополнительное время. Темы ниже сгруппированы редакцией; перед выбором сверяйте доступное оглавление на Udemy.
Соберите одну небольшую страницу с текстом, навигацией, изображением и формой. Когда структура станет понятной без подсказок, переходите к CSS вместо повторного прохождения тех же HTML-основ.
- 01
Устройство HTML-документа и базовые элементы
- 02
Текст, ссылки и изображения
- 03
Разметка таблиц
- 04
Формы и элементы ввода
- 05
Семантические элементы и мультимедиа
- 06
Следующие шаги после HTML
Оригинал курса — на английском
Понимать решение важнее дословного перевода.
Откройте бесплатный фрагмент и объясните своими словами, что делает пример и зачем нужен каждый шаг. Смотрите небольшими частями, ведите словарь терминов и повторяйте показанные действия самостоятельно. Перевод помогает понимать речь, но проверка результата всё равно остаётся частью практики.
Как проходить курсы Udemy на английскомАнглийская озвучка. Доступные субтитры и автоматический перевод проверяйте в плеере Udemy; русская озвучка не заявлена.
Когда программа подходит вашей задачеВы выбираете обучение. RusUdemy помогает с оформлением.
Пришлите ссылку на выбранный курс. Уточним текущую стоимость и поможем оформить его в вашем личном аккаунте Udemy. Материалы и прогресс останутся у вас.
01
Курс в Вашем аккаунте
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
02
Без предоплаты
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
03
Покупка за 10 минут
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
04
Живой человек, не бот
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем курс и условия. Оплата после появления курса в аккаунте.
Опыт работы с сервисом
Отзывы клиентов RusUdemy
Оперативно подошли к покупке курса. Очень доволен. Большое спасибо.
Отзыв от:
Купил курс по программированию. Михаил, спасибо за помощь с созданием нового аккаунта, быстроту ответа и оформления курса. Хороший сервис
Отзыв от:
Купил курс по программированию. Михаил, спасибо за помощь с созданием нового аккаунта, быстроту ответа и оформления курса. Хороший сервис
Отзыв от:
Спасибо Михаилу за помощь! Все получилось быстро и легко!
Отзыв от:
Помогли с приобретением курса за 5 мин. Буду обращаться ещё. Михаилу респект!
Отзыв от:
Прекрасный сервис, буквально за пару минут купил курс. Всем советую
Отзыв от:
Ответы перед стартом