Презентація "Мова HTML"

-3
Попередній слайд
Наступний слайд


Завантажити презентацію "Мова HTML"
Слайд #1
Мова HTML


Слайд #2
Структура програми мовою HTML


Назва вікна Web-сторінки </ TITLE > <br> </ HEAD ><br> <BODY параметри><br> <!--Далі йде текст, наприклад такий.--><br> Мене звати Світлана. Мені 16 років. Я хочу стати Web-дизайнером.<br> </BODY><br> </HTML></span></div><br clear="all"><hr></div><div class="mini-slide-wrapper"><div class="mini-slide-number">Слайд #3</div><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?id=136&slidenum=2&slidetype=minislide" class="mini-slide-image"><div class="mini-slide-description"><span>Команди мови HTML називаються тегами.<br> <br> Теги бувають :<br> Одинарні <br> Парні </span></div><br clear="all"><hr></div><div class="mini-slide-wrapper"><div class="mini-slide-number">Слайд #4</div><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?id=136&slidenum=3&slidetype=minislide" class="mini-slide-image"><div class="mini-slide-description"><span>Більшість тегів є парними:<br> <HTML> … </HTML> тег означення HTML-файлу<br> <HEAD> … </ HEAD > описує заголовок документа<br> <TITLE> … </ TITLE > заголовок Windows-вікна<br> <BODY параметри> … </BODY> текст, що має відображатися у вікні браузера.</span></div><br clear="all"><hr></div><div class="mini-slide-wrapper"><div class="mini-slide-number">Слайд #5</div><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?id=136&slidenum=4&slidetype=minislide" class="mini-slide-image"><div class="mini-slide-description"><span>Основні параметри тега BODY <br> BACKGROUND = “шлях до графічного файлу” – задає картинку для тла<br> BGCOLOR =“white” - задає білий колір тла, якщо не використовується тло-картинка<br> TEXT =“black” – задає колір тексту на сторінці (чорний)<br> Тег <!- - текст - -> позначає коментар (текст на екран не виводиться)</span></div><br clear="all"><hr></div><div class="mini-slide-wrapper"><div class="mini-slide-number">Слайд #6</div><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?id=136&slidenum=5&slidetype=minislide" class="mini-slide-image"><div class="mini-slide-description"><span>Теги форматування тексту:<br> Одинарні:<br> <P> - цей тег початок нового абзацу, але його записують вкінці попереднього.<br> <BR> наступний за цим тегом текст буде наведено в новому рядку без пропуску рядка.<br> <НR> - буде проведена горизонтальна лінія.</span></div><br clear="all"><hr></div><div class="mini-slide-wrapper"><div class="mini-slide-number">Слайд #7</div><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?id=136&slidenum=6&slidetype=minislide" class="mini-slide-image"><div class="mini-slide-description"><span>Теги форматування тексту:<br> Парні:<br> <B> текст </B> - товстий шрифт тексту<br> <І> текст </І> - шрифт-курсив<br> <U> текст </U> - підкреслений шрифт<br> <SUB> текст </SUB> нижній індекс (Н2О)<br> <SUР> текст </SUР> верхній індекс (а2)<br> </span></div><br clear="all"><hr></div><div class="mini-slide-wrapper"><div class="mini-slide-number">Слайд #8</div><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?id=136&slidenum=7&slidetype=minislide" class="mini-slide-image"><div class="mini-slide-description"><span>Теги форматування тексту:<br> <BIG> текст </BIG> - великий шрифт<br> <SMALL> текст </SMALL> - малий шрифт<br> <ЕМ> текст </ЕМ> - виокремлений курсивом текст<br> <B> <I> текст </I> </B> - товстий курсив<br> <Р> текст абзацу </Р> </span></div><br clear="all"><hr></div><div class="mini-slide-wrapper"><div class="mini-slide-number">Слайд #9</div><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?id=136&slidenum=8&slidetype=minislide" class="mini-slide-image"><div class="mini-slide-description"><span>Заголовок <br> Теги<br> <Н1> Заголовок1 </Н1><br> <Н2> Заголовок2 </Н2> <br> <Н3> Заголовок3 </Н3> <br> <Н4> Заголовок4 </Н4> <br> <Н5> Заголовок5 </Н5> <br> <Н6> Заголовок6 </Н6> <br> <br> Результат на екрані<br> Заголовок 1<br> Заголовок 2<br> Заголовок 3<br> Заголовок 4<br> Заголовок 5<br> Заголовок 6</span></div><br clear="all"><hr></div><div class="mini-slide-wrapper"><div class="mini-slide-number">Слайд #10</div><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?id=136&slidenum=9&slidetype=minislide" class="mini-slide-image"><div class="mini-slide-description"><span>Теги вирівнювання:<br> <CENTER> елемент </CENTER> - вирівнювання до центру<br> <LEFT> елемент </LEFT> - вирівнювання до лівого краю<br> <RIGHT> елемент </RIGHT> вирівнювання до правого краю</span></div><br clear="all"><hr></div> </div> <!-- <div class="about-new"> <h1>Про презентацію</h1> <p><p style="text-align: center;"> Презентація з предмету "<b>Інформатика</b>" на тему "<b>Мова HTML</b>" виконана в Microsoft Power Point. Якщо Ви збираєтесь завантажити або переглянути презентацію "<b>Мова HTML</b>" - зробіть це прямо зараз на нашому порталі!</p></p> </div> --> <div class="linkenso-wrapper"> <div class="link-enso-title">Інші презентації</div> <div class="news-short-wrapper presentation"><div class="news-short-container"><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?slidetype=cover&id=135" class="news-short-cover"><div class="news-short-link-wrapper"><a href="http://gdz4you.com/prezentacii/prezentacii-informatika/974-prezentacya-na-temu-movi-programuvannya.html"><div class="news-short-link-subject">Мови програмування</div><div class="news-short-link-secondary-info">Інформатика</div></a></div></div></div><div class="news-short-wrapper presentation"><div class="news-short-container"><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?slidetype=cover&id=134" class="news-short-cover"><div class="news-short-link-wrapper"><a href="http://gdz4you.com/prezentacii/prezentacii-informatika/973-prezentacya-na-temu-operacyna-sistema-ms-dos-testi.html"><div class="news-short-link-subject">Операційна система MS DOS</div><div class="news-short-link-secondary-info">Інформатика</div></a></div></div></div><div class="news-short-wrapper presentation"><div class="news-short-container"><img src="http://subserver101.gdz4you.com/presentations/presentations_slide.php?slidetype=cover&id=133" class="news-short-cover"><div class="news-short-link-wrapper"><a href="http://gdz4you.com/prezentacii/prezentacii-informatika/972-prezentacya-na-temu-navchalna-algoritmchna-mova.html"><div class="news-short-link-subject">Навчальна алгоритмічна мова</div><div class="news-short-link-secondary-info">Інформатика</div></a></div></div></div> </div> </div><div class="clear"></div> </div><div class="container-right"><!--<a tabindex="0" class="btn btn-block btn-lg btn-gdz4you" role="button" data-toggle="popover" data-placement="left" data-trigger="focus" title="Швидкий доступ до GDZ4YOU!" data-content="Для того щоб додати GDZ4YOU до закладок, натисни CTRL + D!">Додати до закладок?</a>--><!--<hr/>--><!--<a class="btn btn-block btn-lg btn-gdz4you" data-toggle="modal" data-target="#vkpost-competition" role="button">Виграй GTA5!</a>--><!--<hr/>--><div class="save-to-vk"><!-- Put this script tag to the place, where the Share button will be --><script type="text/javascript"><!-- document.write(VK.Share.button({url: "http://gdz4you.com"},{type: "round", text: "Зберегти GDZ4YOU"})); --></script></div><hr><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- 300х600 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-9352254357589879" data-ad-slot="4402336144"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script><hr><!-- <a class="btn btn-block btn-lg btn-gdz4you" href="/zamovyty-tvir.html" role="button">Замовити твір</a> <hr/> --><div class="social-widgets-sidebar-wrapper"><div class="social-widget-header text-center">«Типовий» в Вконтакті</div><div class="social-widget-sidebar-container"><div class="tab-content"><div role="tabpanel" class="tab-pane fade" id="sidebar_9form"><div id="vk_groups_sidebar_9"></div></div><div role="tabpanel" class="tab-pane fade" id="sidebar_10form"><div id="vk_groups_sidebar_10"></div></div><div role="tabpanel" class="tab-pane fade in active" id="sidebar_11form"><div id="vk_groups_sidebar_11"></div></div></div></div><div class="social-widget-footer" role="tabpanel"><ul class="nav nav-pills nav-justified" role="tablist"><li role="presentation"><a href="#sidebar_9form" aria-controls="sidebar_9form" role="tab" data-toggle="pill">9</a></li><li role="presentation"><a href="#sidebar_10form" aria-controls="sidebar_10form" role="tab" data-toggle="pill">10</a></li><li role="presentation" class="active"><a href="#sidebar_11form" aria-controls="sidebar_11form" role="tab" data-toggle="pill">11</a></li></ul></div></div></div></div><footer><div class="container-footer"><div class="row"><div class="col-xs-4"><div class="footer-title"><span class="glyphicon glyphicon-th-list"></span>Розділи</div><ul class="list-unstyled"><li><a href="/">ГДЗ</a></li><li><a href="/zno/">ЗНО</a></li><li><a href="/dpa/">ДПА</a></li><li><a href="/pidruchnyky/">Підручники</a></li><li><a href="/prezentacii/">Презентації</a></li><li><a href="/literatura/">Література</a></li></ul></div><div class="col-xs-4"><div class="footer-title"><span class="glyphicon glyphicon-info-sign"></span>Інформація</div><ul class="list-unstyled"><li><a href="/contact.html">Контакти</a></li><li><a href="/ads.html">Реклама</a></li><li><a href="/copyright.html">Правовласникам</a></li><!--<li><a href="/privacy-policy.html">Політика конфіденційності</a></li>--></ul></div><div class="col-xs-4"><div class="footer-title"><span class="glyphicon glyphicon-exclamation-sign"></span>Корисне</div><div class="row"><div class="col-xs-12"><a class="mobile-version" href="http://m.gdz4you.com"></a> <a class="vk" href="https://vk.com/gdz4you" target="_blank"></a></div></div><div class="row"><div class="col-xs-12"><a class="googleplay" href="https://play.google.com/store/apps/details?id=com.andreyrebrik.gdz4youcom" target="_blank"></a></div></div></div></div><div class="row"><div class="col-xs-12"><div class="footer-copyright text-center">GDZ4YOU <span class="glyphicon glyphicon-copyright-mark"></span>2013-2016. Усі права захищені.</div></div></div></div></footer><div class="scroll-to-top"><span class="glyphicon glyphicon-arrow-up"></span></div><div class="overlay"></div><noindex><div class="modal fade" id="claim" tabindex="-1" role="dialog" aria-labelledby="claim" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button><div class="modal-title" id="claim">Вкажіть коментар для адміністрації до знайденої помилки</div></div><div class="modal-body"><form><div class="form-group"><label for="message-claim-text" class="control-label">Коментар:</label><textarea class="form-control" id="message-claim-text"></textarea></div></form></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Закрити</button> <button type="button" class="btn btn-primary" id="sendClaim">Відправити</button></div></div></div></div></noindex> <noindex><div class="modal fade" id="follow-us" tabindex="-1" role="dialog" aria-labelledby="breakingNews" aria-hidden="true" data-backdrop="static"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button><div class="modal-title" id="breakingNews">Підписуйся на «Типовий» — найпопулярніші шкільні спільноти!</div></div><div class="modal-body"><p>Найважливіша навчальна інформація у зручному форматі, десятки різних тестів для підготовки до ЗНО та смішні комікси, а найголовніше — тепла та дружня атмосфера чекають на тебе!</p><p>Не гай часу! Обирай свій клас та приєднюйся до нас! Ти не пошкодуєш!</p><div class="social-widgets-modal-wrapper"><div class="social-widget-footer" role="tabpanel"><ul class="nav nav-pills nav-justified" role="tablist"><li role="presentation"><a href="#modal_9form" aria-controls="modal_9form" role="tab" data-toggle="pill">9</a></li><li role="presentation"><a href="#modal_10form" aria-controls="modal_10form" role="tab" data-toggle="pill">10</a></li><li role="presentation" class="active"><a href="#modal_11form" aria-controls="modal_11form" role="tab" data-toggle="pill">11</a></li></ul></div><div class="social-widget-modal-container"><div class="tab-content"><div role="tabpanel" class="tab-pane fade" id="modal_9form"><div id="vk_groups_modal_9"></div></div><div role="tabpanel" class="tab-pane fade" id="modal_10form"><div id="vk_groups_modal_10"></div></div><div role="tabpanel" class="tab-pane fade in active" id="modal_11form"><div id="vk_groups_modal_11"></div></div></div></div></div></div><div class="modal-footer"><button type="button" class="btn btn-gdz4you btn-block never-show" data-dismiss="modal">Більше не показувати</button></div></div></div></div></noindex> <noindex><div class="modal fade" id="cold-competition" tabindex="-1" role="dialog" aria-labelledby="breakingNews" aria-hidden="true" data-backdrop="static"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button><div class="modal-title" id="breakingNews">Виграй поповнення мобільного рахунку!</div></div><div class="modal-body"><p>Цього тижня ми розіграємо <b>десять</b> поповнень мобільного рахунку по <b>30 гривень</b>! Встигни взяти участь!</p><p>Для участі у конкурсі тобі всього лиш потрібно <b>розповісти друзям</b> про наш портал на своїй сторінці в соціальній мережі Вконтакті, <b>клікнувши на кнопку нижче:</b></p><div class="save-to-vk-modal"><!-- Put this script tag to the place, where the Share button will be --><script type="text/javascript"><!-- document.write(VK.Share.button({url: "http://gdz4you.com"}, { type: "round_nocount", text: "Поділитися GDZ4YOU!" })); --></script></div><p>Переможці будуть вибрані за допомогою генератора випадкових чисел<br>та оголошені в <a href="http://vk.com/gdz4you" target="_blank"><b>офіційній спільноті</b></a> порталу <b>7 грудня</b> о <b>21:00</b>!</p><p>У <a href="https://vk.com/topic-48479378_30916247" target="_blank"><b>цьому</b></a> обговоренні ти можеш знайти десятки відгуків наших попередніх переможців! Декілька з них на скриншоті нижче:</p><img src="/templates/GDZ4YOU/img/testimonials.jpg" class="img-responsive" alt="Відгуки"><p>Успіхів!</p></div></div></div></div></noindex><!-- jQuery (necessary for Bootstrap's JavaScript plugins) --><script src="http://yastatic.net/jquery/2.1.4/jquery.min.js"></script><!-- Include all compiled plugins (below), or include individual files as needed --><script src="http://yastatic.net/jquery/cookie/1.0/jquery.cookie.min.js"></script><script src="http://yastatic.net/bootstrap/3.3.4/js/bootstrap.min.js"></script><!-- Main JS --><script src="/templates/GDZ4YOU/js/main.min.js?v=1480285961501"></script><!-- Yandex.Metrika counter --><script type="text/javascript">(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter23419513 = new Ya.Metrika({ id:23419513, clickmap:true, trackLinks:true, accurateTrackBounce:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="https://mc.yandex.ru/watch/23419513" style="position:absolute; left:-9999px" alt=""></div></noscript><!-- /Yandex.Metrika counter --><!-- Re-target VK --><script type="text/javascript">(window.Image ? (new Image()) : document.createElement('img')).src = location.protocol + '//vk.com/rtrg?r=YW8Toc2uPrHK7CIWz7uTn8a5cux*3MfYdu0YAfWwLBy8KV9AIBsuIIKloPkWsghW9Cs6jOTrhWVOUzzpu0aVEnlSbJGxFc5zIpOWc4mRLm5YS8/p20cLeDr6n8R3iECi7yBvTt5t1njz9gleaOtbhAfPsArgIzlAVqXcdcI2S5w-&pixel_id=1000014492';</script><!-- /Re-target VK --></body></html>