Вивчаємо HTML за 15 хвилин

Уявіть на секунду, що ви написали і скомпілювали гру – аплет під назвою Хрестики – Нулики (TicTacToe) Тепер вам потрібно створити файл HTML з інформацією про нього Спочатку створіть текстовий файл і назвіть його TicTacToehtml (до речі, Eclipse може створювати і текстові файли теж) Імена файлів HTML закінчуються на html або htm Всередині у них зазвичай є секції заголовок (header) і тіло (body) Більшість тегів HTML мають відповідні закриваючі теги, які починаються з прямого слеша (/), наприклад і Файл TicTacToehtml може виглядати ось так:

&ltHEAD&gt

&ltTITLE&gtMy First Web Page&lt/TITLE&gt

&lt/HEAD&gt

&ltBODY&gt

My Tic-Tac-Toe game is coming soon

&lt/BODY&gt

&lt/HTML&gt

Ви можете розташовувати теги на одному рядку, як ми зробили з тегами і </ Title>, або ж на різних рядках HTML – НЕ Java, тут не важливо, як писати – великими або маленькими буквами Відкрийте цей файл у своєму веб – браузері за допомогою меню <i>Файл</i> і <i>Відкрити</i> У заголовку вікна буде написано <i>My  First Web Page,</i> а на самій сторінці ви побачите слова <i>My Tic-­‐Tac-­‐Toe game  is coming soon…</i>: </p> <p><a href="/i/a/FaynY_JavaForGrendFther2011_image075.jpg"> <img border="1" src="/i/a/FaynY_JavaForGrendFther2011_image075-min-vs.jpg" alt="" /></a></p> <p>Тепер змінимо цей файл, додавши туди тег для аплету Хрестики – нулики: </p> <p>&ltHTML&gt</p> <p>&ltBODY&gt</p> <p>Here is my Tic-Tac-Toe game:</p> <p>&ltAPPLET code=”TicTacToeclass” width=300 height=250&gt</p> <p>&lt/APPLET&gt</p> <p>&lt/BODY&gt</p> <p>&lt/HTML&gt</p> <p>Тепер екран виглядає по – іншому:</p> <p><a href="/i/a/FaynY_JavaForGrendFther2011_image076.jpg"> <img border="1" src="/i/a/FaynY_JavaForGrendFther2011_image076-min-vs.jpg" alt="" /></a></p> <p>Це не дивно: оскільки веб – браузер не зміг знайти клас TicTacToe, він просто показав сірий <a class="internal_link" href="http://easy-code.com.ua/2012/08/gdi-grafika-v-delphi-isxodniki-rizne-programuvannya-statti/">прямокутник</a> Ми створимо цей клас трохи позжеТегі HTML полягають в кутові дужки, і деякі з тегів можуть мати додаткові<i>атрибути</i> Тег <APPLET> в нашому прикладі використовує наступні атрибути: • code<b> </b>– Це імя класу Java – аплета • width – це ширина в<i>пікселях</i> прямокутної області екрану, де буде розташовуватися аплет Зображення на екрані компютера складаються з маленьких точок, які називаються пікселями • height<b> </b>– Це висота області екрану, де буде розташовуватися апплетЕслі Java – аплет складається з декількох класів, упакуйте їх усі в одінархівний файл за допомогою програми<i>jar,</i> яка поставляється разом з JDK (Java Developer Kit – Комплект Розробника Java) Якщо ви так зробите, атрибут архів (<i>“archive”</i>) Повинен мати значення, рівне імені цього архіву Ви можете прочитати про архіви jar в Додатку А</p> <p><b><i>Джерело: Java Programming for Kids, Parents and Grandparents by Yakov Fain</i></b></p> <div class="ad-top2"> <!-- Top article #956715 --> <script>(function(e){var t="DIV_DA_"+e+"_"+parseInt(Math.random()*1e3); document.write('<div id="'+t+'" class="directadvert-block directadvert-block-'+e+'"></div>'); if("undefined"===typeof loaded_blocks_directadvert){loaded_blocks_directadvert=[]; function n(){var e=loaded_blocks_directadvert.shift(); var t=e.adp_id; var r=e.div; var i=document.createElement("script"); i.type="text/javascript"; i.async=true; i.charset="windows-1251"; i.src="//code.directadvert.ru/data/"+t+".js?async=1&div="+r+"&t="+Math.random(); var s=document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]; s.appendChild(i); var o=setInterval(function(){if(document.getElementById(r).innerHTML&&loaded_blocks_directadvert.length){n(); clearInterval(o)}},50)} setTimeout(n)}loaded_blocks_directadvert.push({adp_id:e,div:t})})(956715)</script> </div> <div style="float:right"> <div class="yashare-auto-init" data-yashareL10n="ua" data-yashareType="icon" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,moikrug,gplus"></div> </div> <h4>Схожі статті:</h4><ul><li><a href="http://easy-code.com.ua/2010/12/sekreti-stvorennya-velikogo-spisku-rozsilki/" title="Секрети створення великого списку розсилки.">Секрети створення великого списку розсилки.</a> (0)</li><li><a href="http://easy-code.com.ua/2010/10/serverni-skripti-vvedennya/" title="Серверні скрипти. Введення">Серверні скрипти. Введення</a> (0)</li><li><a href="http://easy-code.com.ua/2011/01/pamyatka-po-css/" title="Пам'ятка по CSS">Пам'ятка по CSS</a> (0)</li><li><a href="http://easy-code.com.ua/2010/10/vvedennya-v-cookies/" title="Введення в Cookies.">Введення в Cookies.</a> (0)</li><li><a href="http://easy-code.com.ua/2010/11/vvedennya-v-cookies-2/" title="Введення в Cookies.">Введення в Cookies.</a> (0)</li><li><a href="http://easy-code.com.ua/2011/02/19-monitori-stayut-vse-bilsh-privablivimi/" title="19 "монітори стають все більш привабливими">19 "монітори стають все більш привабливими</a> (0)</li><li><a href="http://easy-code.com.ua/2011/02/3d-printing-druk-abo-skulptura/" title="3D-printing: друк або скульптура?">3D-printing: друк або скульптура?</a> (0)</li></ul> <!--for paginate posts--> <hr/> <p><strong><em> Сподобалася стаття? Ви можете <a href="#comments"> залишити відгук </a> або <a href = "http://easy-code.com.ua/feed/" > підписатися на RSS </a>, щоб автоматично отримувати інформацію про нові статтях. </em></strong></p> <!--Post Meta--> <div class="post-meta"> <strong>Метки: </strong><a href="http://easy-code.com.ua/tag/coming/" rel="tag">coming</a>, <a href="http://easy-code.com.ua/tag/tic-tac-toe/" rel="tag">Tic-Tac-Toe</a>, <a href="http://easy-code.com.ua/tag/tictactoehtml/" rel="tag">TicTacToehtml</a>, <a href="http://easy-code.com.ua/tag/dopomogoyu/" rel="tag">допомогою</a>, <a href="http://easy-code.com.ua/tag/mozhete/" rel="tag">можете</a>, <a href="http://easy-code.com.ua/tag/oblasti/" rel="tag">області</a>, <a href="http://easy-code.com.ua/tag/xrestiki/" rel="tag">Хрестики</a><br /> <strong>Рубрики:</strong> <a href="http://easy-code.com.ua/category/java/" rel="category tag">Java</a> </div> <!--include comments template--> <div id="comments-wrap"> <p>Коментарів поки що немає.</p> <!-- <p><a href="http://easy-code.com.ua/2014/10/vivchayemo-html-za-15-xvilin/feed/">RSS-стрічка коментарів.</a> </p> --> <h3 class="postcomment">Ваш отзыв</h3> <p>Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></p> <form action="http://easy-code.com.ua/wp-comments-post.php" method="post" id="commentform"> <p> <input type="text" name="author" id="author" class="textarea" value="" size="28" tabindex="1" /> <label for="author">Им'я</label> * </p> <p> <input type="text" name="email" id="email" value="" size="28" tabindex="2" /> <label for="email">E-mail</label> * </p> <p> <input type="text" name="url" id="url" value="" size="28" tabindex="3" /> <label for="url">Сайт</label> </p> <p> <label for="comment">Повідомлення</label> <br /> <textarea name="comment" id="comment" cols="60" rows="10" tabindex="4"></textarea> </p> <p> <input name="submit" id="submit" type="submit" tabindex="5" value="відправити" /> <input type="hidden" name="comment_post_ID" value="22558" /> <input type="hidden" name="redirect_to" value="/2014/10/vivchayemo-html-za-15-xvilin/" /> </p> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="fe0e21b16a" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="250"/></p></form> </div> <!--do not delete--> <!--single.php end--> </div> <!--include sidebar--> <!--sidebar.php--> <div id="sidebar"> <div class="sidebar-rss"> <h3>Подписка через RSS</h3> <p><a href="http://easy-code.com.ua/feed/"><img src="http://easy-code.com.ua/wp-content/themes/elegantblue/images/rss.jpg" alt="Подписка на RSS" ></img></a>Якщо вам сподобалася інформація на нашому сайті, ви можете підписатися на оновлення через RSS.</p> </div> <BR> <div class="something"> <a href='http://easy-code.com.ua/tag/download/' class='tag-link-563 tag-link-position-1' title='648 topics' style='font-size: 12.328358208955pt;'>Download</a> <a href='http://easy-code.com.ua/tag/microsoft/' class='tag-link-66 tag-link-position-2' title='772 topics' style='font-size: 13.522388059701pt;'>Microsoft</a> <a href='http://easy-code.com.ua/tag/oracle/' class='tag-link-18322 tag-link-position-3' title='357 topics' style='font-size: 8.4477611940299pt;'>Oracle</a> <a href='http://easy-code.com.ua/tag/windows/' class='tag-link-18319 tag-link-position-4' title='1,383 topics' style='font-size: 17.253731343284pt;'>Windows</a> <a href='http://easy-code.com.ua/tag/internet/' class='tag-link-132 tag-link-position-5' title='366 topics' style='font-size: 8.5970149253731pt;'>Інтернет</a> <a href='http://easy-code.com.ua/tag/merezhi/' class='tag-link-143 tag-link-position-6' title='438 topics' style='font-size: 9.7910447761194pt;'>Мережі</a> <a href='http://easy-code.com.ua/tag/modeli/' class='tag-link-530 tag-link-position-7' title='360 topics' style='font-size: 8.5970149253731pt;'>моделі</a> <a href='http://easy-code.com.ua/tag/mozhete/' class='tag-link-3 tag-link-position-8' title='569 topics' style='font-size: 11.582089552239pt;'>можете</a> <a href='http://easy-code.com.ua/tag/mozhut/' class='tag-link-311 tag-link-position-9' title='384 topics' style='font-size: 9.044776119403pt;'>можуть</a> <a href='http://easy-code.com.ua/tag/dopomogoyu/' class='tag-link-273 tag-link-position-10' title='731 topics' style='font-size: 13.074626865672pt;'>допомогою</a> <a href='http://easy-code.com.ua/tag/dozvolyaye/' class='tag-link-542 tag-link-position-11' title='664 topics' style='font-size: 12.477611940299pt;'>дозволяє</a> <a href='http://easy-code.com.ua/tag/kompani%d1%97/' class='tag-link-554 tag-link-position-12' title='546 topics' style='font-size: 11.283582089552pt;'>компанії</a> <a href='http://easy-code.com.ua/tag/koristuvachiv/' class='tag-link-137 tag-link-position-13' title='337 topics' style='font-size: 8.1492537313433pt;'>користувачів</a> <a href='http://easy-code.com.ua/tag/potribno/' class='tag-link-18 tag-link-position-14' title='566 topics' style='font-size: 11.432835820896pt;'>потрібно</a> <a href='http://easy-code.com.ua/tag/programi/' class='tag-link-387 tag-link-position-15' title='1,547 topics' style='font-size: 18pt;'>програми</a> <a href='http://easy-code.com.ua/tag/prosto/' class='tag-link-99 tag-link-position-16' title='328 topics' style='font-size: 8pt;'>просто</a> <a href='http://easy-code.com.ua/tag/vikoristannya/' class='tag-link-690 tag-link-position-17' title='368 topics' style='font-size: 8.7462686567164pt;'>використання</a> <a href='http://easy-code.com.ua/tag/vikoristovuvati/' class='tag-link-890 tag-link-position-18' title='427 topics' style='font-size: 9.6417910447761pt;'>використовувати</a> <a href='http://easy-code.com.ua/tag/znachennya/' class='tag-link-198 tag-link-position-19' title='1,003 topics' style='font-size: 15.164179104478pt;'>значення</a> <a href='http://easy-code.com.ua/tag/roboti/' class='tag-link-123 tag-link-position-20' title='1,104 topics' style='font-size: 15.761194029851pt;'>роботи</a> <a href='http://easy-code.com.ua/tag/rozrobki/' class='tag-link-1235 tag-link-position-21' title='328 topics' style='font-size: 8pt;'>розробки</a> <a href='http://easy-code.com.ua/tag/sistemi/' class='tag-link-476 tag-link-position-22' title='1,131 topics' style='font-size: 15.910447761194pt;'>системи</a> <a href='http://easy-code.com.ua/tag/upravlinnya/' class='tag-link-556 tag-link-position-23' title='760 topics' style='font-size: 13.373134328358pt;'>управління</a> <a href='http://easy-code.com.ua/tag/server/' class='tag-link-197 tag-link-position-24' title='650 topics' style='font-size: 12.328358208955pt;'>сервер</a> <a href='http://easy-code.com.ua/tag/stvorennya/' class='tag-link-439 tag-link-position-25' title='460 topics' style='font-size: 10.089552238806pt;'>створення</a> <a href='http://easy-code.com.ua/tag/tablici/' class='tag-link-496 tag-link-position-26' title='469 topics' style='font-size: 10.238805970149pt;'>таблиці</a> <a href='http://easy-code.com.ua/tag/tilki/' class='tag-link-6 tag-link-position-27' title='1,295 topics' style='font-size: 16.805970149254pt;'>тільки</a> <a href='http://easy-code.com.ua/tag/fajliv/' class='tag-link-293 tag-link-position-28' title='410 topics' style='font-size: 9.3432835820896pt;'>файлів</a> <a href='http://easy-code.com.ua/tag/funkci%d1%97/' class='tag-link-218 tag-link-position-29' title='439 topics' style='font-size: 9.7910447761194pt;'>функції</a> <a href='http://easy-code.com.ua/tag/informaci%d1%97/' class='tag-link-24 tag-link-position-30' title='368 topics' style='font-size: 8.7462686567164pt;'>інформації</a></div> <!--l_sidebar.php--> <div id="l_sidebar"> <ul> <br> <!--favorite posts--> <li> <h2>Нове на сайті</h2> <ul> <li><a href='http://easy-code.com.ua/2015/11/keruyuchi-klavishi-i-menyu-informix/'>Керуючі клавіші і меню INFORMIХ</a></li> <li><a href='http://easy-code.com.ua/2015/10/vipushheno-reliz-fastreport-fmx/'>Випущено реліз FastReport FMX</a></li> <li><a href='http://easy-code.com.ua/2015/10/oracle/'>Oracle</a></li> <li><a href='http://easy-code.com.ua/2015/09/func-hgi-35i-vertolit-z-keruvannyam-vid-iphone/'>Func HGI-35i: вертоліт з керуванням від iPhone</a></li> <li><a href='http://easy-code.com.ua/2015/08/faq-po-grafiku-i-animaciyu-dlya-web/'>FAQ по графіку і анімацію для Web</a></li> <li><a href='http://easy-code.com.ua/2015/07/funkciya-viznachennya-kilkosti-robochix-dniv/'>Функція визначення кількості робочих днів</a></li> <li><a href='http://easy-code.com.ua/2015/07/inshi-mozhlivosti-obyednannya-fajliv/'>Інші можливості об’єднання файлів</a></li> <li><a href='http://easy-code.com.ua/2015/07/oglyad-navushnikiv-z-aktivnim-shumozaglushennyam-asus-nc1/'>Огляд навушників з активним шумозаглушенням ASUS NC1</a></li> <li><a href='http://easy-code.com.ua/2015/06/net-service-oriented-architecture-soa/'>.NET: Service Oriented Architecture (SOA)</a></li> <li><a href='http://easy-code.com.ua/2015/06/oglyad-behold-betab-7004/'>Огляд Behold BeTAB 7004</a></li> </ul> </li> <li> <h2>Реклама</h2> <ul> <div class="adcontentcen1"> <!-- Sidebar 160x600 #956693 --> <script>(function(e){var t="DIV_DA_"+e+"_"+parseInt(Math.random()*1e3); document.write('<div id="'+t+'" class="directadvert-block directadvert-block-'+e+'"></div>'); if("undefined"===typeof loaded_blocks_directadvert){loaded_blocks_directadvert=[]; function n(){var e=loaded_blocks_directadvert.shift(); var t=e.adp_id; var r=e.div; var i=document.createElement("script"); i.type="text/javascript"; i.async=true; i.charset="windows-1251"; i.src="//code.directadvert.ru/data/"+t+".js?async=1&div="+r+"&t="+Math.random(); var s=document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]; s.appendChild(i); var o=setInterval(function(){if(document.getElementById(r).innerHTML&&loaded_blocks_directadvert.length){n(); clearInterval(o)}},50)} setTimeout(n)}loaded_blocks_directadvert.push({adp_id:e,div:t})})(956693)</script> </div> </ul> </li> </ul> </div> <!--l_sidebar.php end--> <!--r_sidebar.php--> <div id="r_sidebar"> <ul> <br> <li> <h2>Популярне</h2> <ul> <!-- 2017-09-21 10:45:04 --> <li><a href="http://easy-code.com.ua/2010/10/klasifikaciya-veb-resursiv/">Класифікація веб-ресурсів (8)</a></li> <li><a href="http://easy-code.com.ua/2012/08/analiz-ta-proektuvannya-vizualne-modelyuvannya-uml-rational-rose-case-zasobi-modelyuvannya-programuvannya-statti/">Аналіз та проектування. Візуальне моделювання (UML) Rational Rose, CASE-засоби (моделювання), Програмування, статті (10)</a></li> <li><a href="http://easy-code.com.ua/2012/09/yak-vidaliti-numeraciyu-storinok-ms-office-programni-kerivnictva-statti/">Як видалити нумерацію сторінок, MS Office, Програмні керівництва, статті (8)</a></li> <li><a href="http://easy-code.com.ua/2012/08/oblikova-politika-vnutrishnofirmovi-standarti-upravlinskogo-obliku-komerciya-rizne-statti/">Облікова політика. Внутрішньофірмові стандарти управлінського обліку, Комерція, Різне, статті (16)</a></li> <li><a href="http://easy-code.com.ua/2012/08/yak-zminiti-mizhbukvenij-interval-ms-office-programni-kerivnictva-statti/">Як змінити міжбуквений інтервал, MS Office, Програмні керівництва, статті (26)</a></li> <li><a href="http://easy-code.com.ua/2014/07/stvorennya-panelej-instrumentiv-i-menyu/">Створення панелей інструментів і меню (8)</a></li> <li><a href="http://easy-code.com.ua/2011/08/svitovij-rinok-sistem-elektronnogo-dokumentoobigu/">Світовий ринок систем електронного документообігу (6)</a></li> <li><a href="http://easy-code.com.ua/2012/08/modelyuvannya-texnichnix-sistem-c-allfusion-process-modeler-ranishe-bpwin-komerciya-rizne-statti/">Моделювання технічних систем c AllFusion Process Modeler (раніше BPwin), Комерція, Різне, статті (10)</a></li> <li><a href="http://easy-code.com.ua/2011/04/panel-instrumentiv-formi-u-word/">Панель інструментів ФОРМИ у Word (18)</a></li> <li><a href="http://easy-code.com.ua/2011/03/corel-draw-redaguvannya-i-vidilennya/">Corel Draw: Редагування і виділення (7)</a></li> <li><a href="http://easy-code.com.ua/2011/03/robota-z-fajlami-v-komandnomu-ryadku-operacijnix-sistem/">Робота з файлами в командному рядку операційних систем. (13)</a></li> <li><a href="http://easy-code.com.ua/2012/08/case-zasobi-zagalna-xarakteristika-i-klasifikaciya-komerciya-rizne-statti/">CASE-засоби. Загальна характеристика і класифікація, Комерція, Різне, статті (12)</a></li> <li><a href="http://easy-code.com.ua/2012/08/vstavka-i-peremishhennya-zobrazhen-v-word-2010-ms-office-programni-kerivnictva-statti/">Вставка і переміщення зображень в Word 2010, MS Office, Програмні керівництва, статті (15)</a></li> <li><a href="http://easy-code.com.ua/2011/01/recenzuvannya-dokumentiv-u-word/">Рецензування документів у Word (22)</a></li> <li><a href="http://easy-code.com.ua/2012/08/yak-vstaviti-alfavitnij-predmetnij-pokazhchik-v-dokument-ms-office-programni-kerivnictva-statti/">Як вставити алфавітний (предметний) покажчик в документ, MS Office, Програмні керівництва, статті (11)</a></li> <li><a href="http://easy-code.com.ua/2010/12/programuvannya-na-movi-delphi-glava-7-proekt-programi/">Програмування на мові Delphi. Глава 7. Проект програми (16)</a></li> <li><a href="http://easy-code.com.ua/2012/08/gibernaciya-son-i-gibridnij-splyachij-rezhim-v-windows-7-pitannya-i-vidpovidi-windows-operacijni-sistemi-statti/">Гібернація, сон і гібридний сплячий режим в Windows 7 – питання і відповіді, Windows, Операційні системи, статті (9)</a></li> <li><a href="http://easy-code.com.ua/2012/09/zasobi-rozrobki-dodatkiv-rizne-programuvannya-statti/">Засоби розробки додатків, Різне, Програмування, статті (9)</a></li> <li><a href="http://easy-code.com.ua/2012/07/opis-biznes-procesiv-sadt-idef0-idef3-dfd-uml-aris-case-zasobi-modelyuvannya-programuvannya-statti/">Опис бізнес-процесів: SADT, IDEF0, IDEF3, DFD, UML, ARIS, CASE-засоби (моделювання), Програмування, статті (20)</a></li> <li><a href="http://easy-code.com.ua/2012/08/nalashtuvannya-ekrannix-zastavok-v-windows-7-za-dopomogoyu-reyestru-windows-operacijni-sistemi-statti/">Налаштування екранних заставок в Windows 7 за допомогою реєстру, Windows, Операційні системи, статті (26)</a></li> <!-- 2017-09-21 10:45:04 --></ul> </li> </ul> </div> <!--r_sidebar.php end--> </div> <!--sidebar.php end--><!--include footer--> </div> <div id="footer"> <p> При використанні матеріалів даного сайту пряме і явне посилання на сайт <a href="http://www.easy-code.com.ua/"> www.easy-code.com.ua </a> є обов'язковим. </p> <!--footer.php--> <div id="footer-wrap"> <noindex> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t19.6;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--> <!-- Yandex.Metrika counter --> <div style="display:none;"><script type="text/javascript"> (function(w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter10604395 = new Ya.Metrika({id:10604395, enableAll: true}); } catch(e) { } }); })(window, "yandex_metrika_callbacks"); </script></div> <script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script> <noscript><div><img src="//mc.yandex.ru/watch/10604395" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'ru'} </script> </noindex> <BR><strong>ЕasyСode</strong> <!--necessary--> <script type='text/javascript' src='http://easy-code.com.ua/wp-content/plugins/akismet/_inc/form.js?ver=3.3'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-includes/js/wp-embed.min.js?ver=4.7.7'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.5.8.2'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.3.2'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.12'></script> <script type="text/javascript"> jQuery(document).on('ready post-load', function(){ jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create/button"]').addClass('nolightbox'); }); jQuery(document).on('ready post-load',easy_fancybox_handler); jQuery(document).on('ready',easy_fancybox_auto);</script> </div> </div> <div class="soc-buttons"> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter"></div> </div> <script>!window.jQuery && document.write('<script src="http://yastatic.net/jquery/2.1.3/jquery.min.js"><\/script>');</script> <script src="http://easy-code.com.ua/wp-content/themes/elegantblue/js/jquery.hc-sticky.min.js"></script> <script> jQuery(document).ready(function($){ $('.soc-buttons').hcSticky({ top: 25, bottomEnd: 90, wrapperClassName: 'sidebar-sticky2', noContainer: false }); }); </script> <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script> </body> </html>