Если клик ведёт на другую страницу или к фрагменту текущей, нужен
<a href="…">. Если он меняет содержимое, сохраняет настройку или открывает окно, выбирайте <button type="button">.В практике по семантическому HTML вы соберёте страницу заметок: ссылка откроет другую заметку, а кнопка отметит текущую прочитанной.
После упражнения добавьте заметку и решите, что ей нужно: переход или действие. Так выбор тега будет зависеть от смысла, а не от внешнего вида.