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

Іноді потрібно помістити тег на веб-сторінку таким чином, щоб він не виконував покладену на нього функцію, а сам відображався на екрані. Це може знадобитися, наприклад, при складанні підручників з мови HTML, а також для приведення прикладів фрагментів коду на цій мові.
Інструкція
1
Найбільш швидкий спосіб приведення на веб-сторінці прикладу коду на мові HTML полягає в використанні тега . Після нього помістіть фрагмент тексту, який ви хочете показати, і він буде відображатися в незмінному вигляді, разом з поміщеними в нього тегами. Потім розташуйте закриває тег </plaintext>. У цього способу є два недоліки: по-перше, він не є стандартним, а значить, сторінка з ним може не пройти валідацію, а по-друге, він не буде сприйматися старими браузерами, що підтримують специфікацію HTML нижче 4. В них теги будуть не відображатися на екрані, а виконуватися. Врахуйте, що тег <pre>, який є стандартним і підтримуваний великою кількістю браузерів, використовувати замість <plaintext> не можна, оскільки він не відключає виконання команд. </div></div><div class="artstep"><div class="step-i"> 2 </div><div class="step-b"> Досить універсальним способом приміщення на веб-сторінку фрагмента тексту з тегами є вставка його у вигляді зображення. Для цього запустіть будь растровий графічний редактор, створіть в ньому новий малюнок достатнього розміру, а потім увімкніть інструмент для набору тексту (зазвичай для цього використовується кнопка з буквою A або T). Підведіть стрілку миші до лівого верхнього кута зображення, натисніть ліву клавішу, а потім введіть фрагмент тексту або вставте його з буфера обміну клавішами Ctrl-V. Кадрування зображення (як це зробити, залежить від того, яким ви користуєтеся редактором, наприклад, в GIMP для цього треба виділити фрагмент, а потім вибрати пункт меню «Зображення» - «откадріровать виділення»). Результат збережіть в файл формату GIF, PNG або JPG (перший переважніше). </div></div><div class="artstep"><div class="step-i"> 3 </div><div class="step-b"> Створене зображення помістіть в ту ж папку сервера, що і HTML-файл, в який ви збираєтеся його вставляти. Потім в потрібне місце цього файлу помістіть наступний тег: <img src=image-name.extension>, де image-name.extension - ім'я графічного файлу разом з розширенням. Якщо з якої-небудь причини ви помістили зображення не в ту ж папку, що і HTML-файл, замість імені графічного файлу помістіть повний шлях до нього. Врахуйте, що користувач не зможе переглянути вставлений таким чином фрагмент HTML-коду, якщо в його браузері відключений показ зображень. </div></div><div class="artstep"><div class="step-i"> 4 </div><div class="step-b"> Ще більш універсальним є спосіб приміщення на сторінку HTML-тегів, який полягає у використанні замість знаків <і> їх кодів. Для цього використовуйте наступні коди: замість <- & lt ;, а замість> - & gt ;. Даний прийом працює практично у всіх браузерах, незалежно від того, як вони налаштовані. </div></div></div> </p> </div> </div> <div style="clear: both;">&nbsp;</div> <!--End Post--> <center> </center> </div> <!-- end #content --> <div id="sidebar"> <ul> <li> <h2>Схожі записи</h2> <ul> <li><a href="/15946-yak-viklasti-fajjl-na-svijj-sajjt.html">Як викласти файл на свій сайт</a></li><li><a href="/3191-yak-dodati-sajjt-v-yandeks.html">Як додати сайт в яндекс</a></li><li><a href="/121309-yak-dodati-na-sajjt-radio.html">Як додати на сайт радіо</a></li><li><a href="/129889-yak-bezkoshtovno-dodati-svijj-sajjt-v-poshukoviki.html">Як безкоштовно додати свій сайт в пошуковики</a></li><li><a href="/66268-yak-dodati-html-kod-na-svijj-sajjt.html">Як додати html код на свій сайт</a></li><li><a href="/45931-yak-vstaviti-kalendar-u-sajjt.html">Як вставити календар у сайт</a></li><li><a href="/63675-yak-dodati-fon-na-sajjt.html">Як додати фон на сайт</a></li><li><a href="/3119-yak-dodati-sajjt-v-katalog.html">Як додати сайт в каталог</a></li> </ul> </li> <li> <h2></h2> <!-- MarketGidComposite Start --> <div id="MarketGidScriptRootC594622"> <div id="MarketGidPreloadC594622"> <a id="mg_add594622" href="http://usr.marketgid.com/demo/celevie-posetiteli/" target="_blank"><img src="//cdn.marketgid.com/images/marketgid_add_link.png" style="border:0px"></a><br> <a href="http://marketgid.com/" target="_blank">Загрузка...</a> </div> <script> (function(){ var D=new Date(),d=document,b='body',ce='createElement',ac='appendChild',st='style',ds='display',n='none',gi='getElementById'; var i=d[ce]('iframe');i[st][ds]=n;d[gi]("MarketGidScriptRootC594622")[ac](i);try{var iw=i.contentWindow.document;iw.open();iw.writeln("<ht"+"ml><bo"+"dy></bo"+"dy></ht"+"ml>");iw.close();var c=iw[b];} catch(e){var iw=d;var c=d[gi]("MarketGidScriptRootC594622");}var dv=iw[ce]('div');dv.id="MG_ID";dv[st][ds]=n;dv.innerHTML=594622;c[ac](dv); var s=iw[ce]('script');s.async='async';s.defer='defer';s.charset='utf-8';s.src="//jsc.marketgid.com/t/i/tips-ua.com.594622.js?t="+D.getYear()+D.getMonth()+D.getDate()+D.getHours();c[ac](s);})(); </script> </div> <!-- MarketGidComposite End --> </li> </ul> </div> <!-- end #sidebar --> <div style="clear: both;">&nbsp;</div> </div> <!-- end #page --> </div> <div id="footer-content"> </div> <div id="footer"> <p> (c) 2012 <br> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t22.14;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--></p> </div> <!-- end #footer --> </body> </html>