Чтобы вставить и показать HTML-код на сайте, вы можете использовать тег <pre> в сочетании с тегом <code>. Например:

<pre>
<code>
     &lt;html&gt;
     &lt;head&gt;
     &lt;title&gt;My Website&lt;/title&gt;
     &lt;/head&gt;
     &lt;body&gt;
       &lt;h1&gt;Welcome to my website!&lt;/h1&gt;
    &lt;/body&gt;
    &lt;/html&gt;
</code>
</pre>

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

Обратите внимание, что теги <html>, <head>, <body>, <title> и <h1> должны быть закодированы с помощью сущностей HTML, чтобы они не были распознаны как часть HTML-разметки сайта. Например, тег <html> должен быть записан как &lt;html&gt;.

Если вы хотите подсветить синтаксис HTML-кода, вы также можете использовать библиотеку подсветки синтаксиса, такую как Prism. Для того, чтобы использовать библиотеку подсветки синтаксиса, такую как Prism, вам нужно будет подключить стили и скрипты библиотеки к своему HTML-файлу. Это можно сделать с помощью тегов <link> и <script>:

<link rel="stylesheet" href="prism.css">
<script src="prism.js"></script>

После этого вы можете обернуть ваш HTML-код в тег <pre> и указать язык, который вы хотите подсветить, с помощью атрибута class. Например:

<pre>
<code class="language-html">
     &lt;html&gt;
     &lt;head&gt;
     &lt;title&gt;My Website&lt;/title&gt;
     &lt;/head&gt;
     &lt;body&gt;
       &lt;h1&gt;Welcome to my website!&lt;/h1&gt;
     &lt;/body&gt;
     &lt;/html&gt;
</code>
</pre>

После этого библиотека Prism будет автоматически подсвечивать синтаксис HTML-кода на вашем сайте.

Обратите внимание, что вы можете также использовать другие библиотеки подсветки синтаксиса, такие как Highlight.js или Rainbow. Они также требуют подключения стилей и скриптов к своему HTML-файлу, но методы использования могут отличаться. Обратитесь к документации конкретной библиотеки, чтобы узнать больше о том, как ее использовать.

Общий принцип такой: вы оборачиваете HTML-код в теги <pre> и <code>, подключаете стили и скрипты библиотеки к своему HTML-файлу, а затем указываете язык кода с помощью атрибута class. После этого библиотека будет автоматически подсвечивать синтаксис кода.

Надеюсь, это помогло вам. Если у вас есть дополнительные вопросы, не стесняйтесь спрашивать в комментариях.