Иногда нужно показать кусок кода — HTML, CSS или jQuery. Однако браузеры понимают его буквально, поэтому без специального оформления увидеть код на странице не получится.
Решение — перевод кода в мнемонический (символьный) вид. Конвертация открывающих и закрывающих знаков в символы позволяет браузеру отображать код.
Онлайн-инструменты для кодирования
- http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx
- http://foxtools.ru/Html
- Инструмент
Вставка кода на веб-страницу
При вставке код на страницу, желательно обернуть его в тег и — текст будет отображаться привычным моноширинным шрифтом, сохраняя все пробелы.
Вставка программного кода с подсветкой синтаксиса
Существуют сервисы, которые не только закодируют ваш код, но и подсветят его в зависимости от синтаксиса в разных стилях.
a title=»Вернуться на предыдущую страницу» href=»javascript:history.back()»>Вернуться на предыдущую страницу a>
Онлайн-инструменты для кодирования с подсветкой
Нужно выбрать синтаксис (Type/Language) и стиль кода (Style), если сервис не определил его автоматически.
Как вставить html-код в редакторе сайта
- https://pinetools.com/syntax-highlighter
- http://quickhighlighter.com/
- http://highlight.hohli.com/
Решения на jQuery
Если у вас много кода и частое желание им делиться, лучше подключить готовые библиотеки подсветки на jQuery .
- https://highlightjs.org/
- https://prismjs.com/
Источник: apsolyamov.ru
HTML код
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
А теперь обьясняю всё на русском )))
Заходите на свою страничку Вконтакте, вы видите что то типо такого.
После нажития сочетания клавишь Ctrl+U ( В Opera, в других браузерах другой способ увидеть исходный код страницы ) Вы увидите исходный код страницы то есть HTML код. Выглядит он так.
А теперь расмотрим по подробней. Допустим вы хотите изменить шапку сайта. Для этого
- Заходим на главную стрницу
- Нажимаем Ctrl+U
- Ищем HTML код шапки и изменяем, вот чт ополучиться ( рисунок ниже )
Виджет для сайта — Вход в ВКонтакте
Затем нажимаем на кнопку с верху «Применить изменения»
И вот конечный результат
Источник: golosa-vk.jimdofree.com
Как добавить блок «Мы вКонтакте» на сайт?
На многих сайтах на самом видном месте размещается блок «Мы ВКонтакте» с миниатюрными фотографиями участников или со списком последних новостей. Возникает законное желание разместить такой же блок у себя на сайте.
Как это сделать?
Оказывается все просто.
Для начала заходим ВКонтакт и создаем группу поддержки для сайта. Надеюсь, что создавать группы и сообщества ВКонтакте умеют все.
Впрочем, если уж кто-то интересуется тем, как разместить блок «мы вконтакте» на сайт, значит вКонтакте группа или страничка у него есть.
Переходим по ссылке:
Попадаем на официальную страничку виджетов ВКонтакте.
Первым делом надо изменить ссылку на страницу.
Для того, чтобы узнать так называемый id вашей группы, необходимо просто зайти на страничку группы.
В адресной строке можно увидеть следующее (картинки кликабельны, щелкните по ним, чтобы увеличить и посмотреть):
То есть ссылка может выглядеть как набор циферок или краткое название на английском языке. Вот этот адрес и надо подставить.
Следующий пункт — выбор вида блока. Можно задать вывод участников, вывод новостей или только название.
Третий шаг — изменение размеров. Раз вы хотите вставить такой блок на сайт, значит вы уже определились с местом, где он будет расположен и знаете размеры этого места. Впрочем, можете поэкспериментировать.
И ПОСЛЕДНИЙ шаг — надо разместить полученный скрипт на сайте.
Так как сайт у нас на движке DLE, ищем файлик main.tpl, который расположен по адресу:
http://имя.сайта/templates/имя.шаблона/main.tpl
Ну, а дальше определяйтесь с местом сами. Скрипт можно вставить сверху или снизу вертикального меню, или над основным текстом постов, или в футере.
Экспериментируйте с местом и размером!
Источник: myaprel.ru