Для реализации данной задумки, воспользуемся JS-библиотекой Prism.
Подключаем на странице в теге :

И стили:

Осталось разметить участки кода с помощью: 
//здесь будет ваш код\разметка