Эталонное решение

Сверху — как страница выглядит в браузере, снизу — разметка. Обратите внимание: всё читается осмысленно даже без CSS.

<main>
  <article>
    <h1>Анна Смирнова</h1>
    <p>Начинающий HTML-верстальщик.</p>

    <h2>Контакты</h2>
    <p><a href="mailto:anna@example.com">anna@example.com</a></p>

    <h2>Навыки</h2>
    <ul>
      <li>HTML-разметка</li>
      <li>Семантическая структура</li>
      <li>Работа со ссылками</li>
    </ul>

    <p><a href="https://github.com" target="_blank"
          rel="noopener noreferrer">Профиль на GitHub</a></p>
  </article>
</main>

Разбор логики

• Один h1 — имя как главный заголовок страницы; разделы помечены h2 подряд, без пропусков.
• mailto: в href открывает почтовый клиент; текст ссылки — сам адрес, понятен без контекста.
• Внешняя ссылка на GitHub открывается в новой вкладке и защищена rel="noopener noreferrer".
• Проверка: отключите CSS — структура (заголовки, список, ссылки) всё ещё читается. Это признак верной семантики.