Инструкция
1
Наиболее быстрый способ приведения на веб-странице примера кода на языке HTML заключается в использовании тега <plaintext>. После него поместите фрагмент текста, который вы хотите показать, и он будет отображаться в неизменном виде, вместе с помещенными в него тегами. Затем расположите закрывающий тег </plaintext>. У этого способа есть два недостатка: во-первых, он не является стандартным, а значит, страница с ним может не пройти валидацию, а во-вторых, он не будет восприниматься старыми браузерами, поддерживающими спецификацию HTML ниже 4. В них теги будут не отображаться на экране, а выполняться. Учтите, что тег <pre>, являющийся стандартным и поддерживаемый большим количеством браузеров, использовать вместо <plaintext> нельзя, поскольку он не отключает выполнение команд.
2
Достаточно универсальным способом помещения на веб-страницу фрагмента текста с тегами является вставка его в виде изображения. Для этого запустите любой растровый графический редактор, создайте в нем новый рисунок достаточного размера, а затем включите инструмент для набора текста (обычно для этого используется кнопка с буквой A или T). Подведите стрелку мыши к левому верхнему углу изображения, нажмите левую клавишу, а затем введите фрагмент текста или вставьте его из буфера обмена клавишами Ctrl-V. Кадрируйте изображение (как это сделать, зависит от того, каким вы пользуетесь редактором, например, в GIMP для этого надо выделить фрагмент, а затем выбрать пункт меню «Изображение» - «Откадрировать выделение»). Результат сохраните в файл формата GIF, PNG или JPG (первый предпочтительнее).
3
Созданное изображение поместите в ту же папку сервера, что и HTML-файл, в который вы собираетесь его вставлять. Затем в нужное место этого файла поместите следующий тег: <img src=image-name.extension>, где image-name.extension - имя графического файла вместе с расширением. Если по какой-либо причине вы поместили изображение не в ту же папку, что и HTML-файл, вместо имени графического файла поместите полный путь к нему. Учтите, что пользователь не сможет просмотреть вставленный таким образом фрагмент HTML-кода, если в его браузере отключен показ изображений.
4
Еще более универсальным является способ помещения на страницу HTML-тегов, который заключается в использовании вместо знаков < и > их кодов. Для этого используйте следующие коды: вместо < - &lt;, а вместо > - &gt;. Данный прием работает практически во всех браузерах, независимо от того, как они настроены.