Как сделать такой элемент?

Для создания элемента с подсветкой синтаксиса кода на сайте можно использовать тег

 с атрибутом lang="язык программирования". Например, для отображения кода на PHP, необходимо использовать следующую структуру:




Этот код будет отображаться в блоке с фиксированным шрифтом и с подсветкой ключевых слов языка PHP. Пользователи смогут легко прочитать и скопировать код, что упростит им работу с вашими примерами.
Если вам нужно отобразить код на другом языке программирования, просто замените значение атрибута lang на нужное название языка. Например, для JavaScript:

console.log("Hello, World!");
console.log("Hello, World!");

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