Як додати теги на сайт

Як додати теги на сайт

Іноді вимагається помістити тег на веб-сторінку так, щоб він не виконував покладену на нього функцію, а сам відображався на екрані. Це може знадобитися, наприклад, при складанні підручників з мови HTML, а також для наведення прикладів фрагментів коду на цій мові.

 


Інструкція

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;. Цей прийом працює практично в усіх браузерах, незалежно від того, як вони налагоджені.

 


Надрукувати