Як вивести html, php, css код в статті без плагіна, замітки вебмастера
Дуже радий, що Ви знову відвідали мій інтернет-проект
Дуже часто при написанні матеріалу подібного роду виникає необхідність продемонструвати своїм Новомосковсктелям який-небудь важливий html- або css- код.
Якщо просто скопіювати будь-який код і вставити в тіло своєї статті, то він зіллється з основним текстом. Наше завдання полягає в тому, щоб виділити його на загальному тлі, зробити більш помітним і красивим.
Крім того, код коду ворожнечу. І не виключено, що він після вставки в тіло статті почне конфліктувати з шаблоном вашого блогу.
Код для вставки html- і css- кодів
Однак я не хочу використовувати плагін, тим самим зменшуючи швидкість завантаження сторінок блогу. і вам не раджу. Навіщо це потрібно? Адже можна обійтися простим невеликим кодом в три рядки.
Як ви можете помітити він невеликий.
Зупинюся докладніше на самому коді і його складових:
- цей елемент визначає стиль для блоку попереднього форматування;height - попередня висота рамки коду в пікселях (так як включено властивість overflow);
width - ширина рамки коду в пікселях;
padding - відступ від краю рамки до самого коду в пікселях;
border - товщина рамки в пікселях;
solid - стиль рамки (в моєму випадку суцільна лінія);
#ccc - колір рамки (в моєму випадку сірий);
Використовуючи ці параметри, ви можете поміняти дизайн рамки коду і розташування самого коду.
Як працювати з цим кодом
Вставте код для відображення рамки в потрібне місце і поверніться назад, натиснувши на вкладку «Візуально».
Виходить оформлений в рамку html- код, який згодом Новомосковсктель може скопіювати і використовувати на своєму сайті або блозі.
Успіхів Вам і Удачі З повагою,
Інші цікаві статті:
Книга про заробіток в інтернеті:
