Опорная идея
Сведём всё вместе. Простая страница-визитка может выглядеть так:
<body> <header> <h1>Анна Петрова</h1> <p>Веб-разработчик</p> </header> <main> <section> <h2>Обо мне</h2> <p>Учусь делать сайты на HTML и CSS.</p> </section> <section> <h2>Контакты</h2> <a href="mailto:anna@example.com">Написать письмо</a> </section> </main> <footer>© 2026 Анна Петрова</footer> </body>
А в style.css — оформление: шрифты, цвета, отступы через блочную модель, центрирование через Flexbox и медиа-запрос для телефона.
Главный навык вёрстки — не запоминать все теги наизусть, а понимать структуру и уметь искать нужное в справочнике. Дальше осваивайте JavaScript, чтобы оживить страницу.