Почему коды написаны серыми блоками на веб-страницах?

Я думаю, что на мой вопрос уже есть ответ, но я не смог найти ссылку на него. Мне было интересно, почему коды / команды написаны серыми блоками и с другим шрифтом. Так, например, мы пишем Esc или же list = [1,2,3], Каковы возможные интерпретации и область применения этих блоков? Например, всякий раз, когда я вижу серый блок, подразумевается ли это, что это кусок кода или команды, или это могут быть другие вещи? Почему он серый на фоне? Пожалуйста, проведите меня через немного истории за этим.

В свете этого вопроса, как называется шрифт? Я хотел бы повторить это в одном документе. Так что, если вы знаете простой способ, пожалуйста, дайте мне знать.