Структура страницы
Разметить основной материал, заголовки и разделы.
HTML-верстка
Изучите, как с помощью HTML обозначать структуру страницы, ссылки, изображения и формы.
В чём состоит навык
HTML-вёрстка — создание структуры и содержимого веб-страницы с помощью языка разметки HTML. Элементы обозначают назначение частей страницы и их связь друг с другом.
В каких профессиях пригодится навык
Эти профессии связаны с навыком в каталоге KURSEZ. Конкретные задачи зависят от специализации и места работы.
Связанные профессии
Где пригодится
Ссылки и изображения
Добавить переходы и содержательное описание изображения.
Проверка доступности
Проверить порядок заголовков и работу элементов с клавиатуры.
Подготовка, навыки и инструменты
Для начала подготовьте текстовый редактор и браузер. Создайте небольшой HTML-файл с заголовком, абзацем и ссылкой и откройте его в браузере.
Связанные навыки
Связанные инструменты
Курсы для развития навыка «HTML-верстка»
Яндекс ПрактикумФронтенд-разработчик
Курс Яндекс Практикума знакомит с фронтенд-разработкой с нуля: HTML, CSS, JavaScript, TypeScript и React. Школа указывает десять месяцев и десять проектов.
106 400 ₽
Стоимость курса
от 4 344 ₽ / мес. на 36 мес.
ProductStarОсновы Web-разработки: быстрый старт
Вводный мини-курс ProductStar по веб-разработке: HTML-разметка, оформление страниц в CSS и основы JavaScript. В уроках предусмотрены небольшие практические задания.
19 900 ₽
При оплате частями
1 990 ₽ / мес. · 10 мес.
ProductStarПрофессия: Web-разработчик
Курс ProductStar по веб-разработке с нуля: HTML, CSS, JavaScript и React, прототипы в Figma, основы серверной разработки и итоговый проект. Школа указывает восемь месяцев обучения.
67 651 ₽
Цена одним платежом
2 088 ₽ / мес. · 36 мес.
ProductStarПрофессия: Frontend-разработчик
Курс ProductStar по frontend-разработке с нуля: HTML, CSS, JavaScript и React, прототипы в Figma, основы серверной разработки и итоговый проект. Школа указывает восемь месяцев обучения.
67 651 ₽
Цена одним платежом
2 088 ₽ / мес. · 36 мес.
Что важно знать о навыке «HTML-верстка»
HTML задаёт содержание и структуру веб-страницы. Элементы обозначают, где находятся заголовки, абзацы, ссылки, изображения и другие части документа. Их назначение важно не только для внешнего вида: семантическая разметка помогает браузеру и вспомогательным технологиям понимать содержимое.
Вёрстку применяют при создании сайтов, интерфейсов и веб-приложений. HTML отвечает за структуру и смысл элементов, CSS — за оформление, а JavaScript может добавлять поведение. Например, ссылку следует использовать для перехода, а кнопку — для действия: одинаковый внешний вид не делает их назначение одинаковым.
Для практики можно разметить короткую статью с заголовками, списком и ссылками, затем проверить порядок чтения и работу с клавиатуры. Для значимых изображений нужно подобрать текстовую альтернативу. После этого полезно изучить формы и правила доступной разметки.