Содержание страницы
домикГлавная / Элементы html и css / PRE для сайта
PRE для сайтаПознакомлю, для тех кто не знает, как вывести html код на странице в виде текста с удобной и красивой подсветкой тегов, свойств, атрибутов и функций с помощью элемента PRE для сайта.

Функциональное предназначение его состоит в том, чтобы прописанный любой код с тегами, либо с функцией, браузер отображал его как текст на странице, а не воспроизводил в действие указанный код html, java или php.
Особенностью предлагаемого мной PRE для сайта является тот факт, что вы можете выводить любые теги html на странице в виде текста и использовать в нём неограниченное количество пробелов, что невозможно сделать во встроенном PRE.

Пример вывода html кода посредством PRE.

пример вывода pre
Используйте вышеуказанный пример для вывода html кода на своей странице, не забыв скачать дополнительные файлы к элементу PRE для сайта: это файл style.css для оформления и небольшой java скрипт.

Обязательно!

  • В <pre rel="html"... - указываем какой код хотим вывести на страницу: ( html, css, php, jаvascript, xml, sql или htaccess );
  • Скобки для тегов < > - прописывать нужно как &lt; &gt; соответственно;
  • Остальной код - прописываете как он и есть без форматирования и всяких изменений;
  • Если у вас на странице уже подключен скрипт jquery - то подключать <script src="http://ajax...1.8.3/jquery.min.js"></script> уже не обязательно.
Совет!
Откройте из скачанного архива файл style.css и допишите максимальную высоту для элемента PRE на сайте, изначально она не прописана. Это делается для удобного просмотра в виде текста выводимого html кода на странице, когда он слишком большой.

стрелка вниз Скачать PRE для сайта

Ссылка на файл: PRE.zip
Дата публикации: 26.08.2018
Комментарии
Добавить комментарий
Комментарий не отправлен!
Комментарий успешно отправлен!
После модерации он будет опубликован!
Имя - только русские буквы!
Это обязательное поле!