me_edu
Основы веб-разработки: HTML и CSSШаг 23 из 26 · 0% пройдено
Адаптивность и итоговая страница · Медиа-запросы и сборка

Собираем страницу-визитку

Сведём всё вместе. Простая страница-визитка может выглядеть так:

<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, чтобы оживить страницу.

Назад

Обсуждение

Войдите, чтобы участвовать в обсуждении.

Пока нет сообщений.