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

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


Завантажити презентацію "Мова 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/>--><!-- /52555387/gdz4you.com_300x600 --><div><script async="async" src="https://www.googletagservices.com/tag/js/gpt.js"></script><script>var googletag = googletag || {}; googletag.cmd = googletag.cmd || [];</script><script>googletag.cmd.push(function () { var _YB = _YB || { ab: function () { return (Math.random() >= 0.1 ? 'b' : 'a' + Math.floor(Math.random() * 10)); } }; googletag.defineSlot('/52555387/gdz4you.com_300x600', [300, 600], 'div-gpt-ad-1481541705081-2').setTargeting('yb_ab', _YB.ab()).addService(googletag.pubads()); googletag.enableServices(); });</script></div><div id="div-gpt-ad-1481541705081-2" style="height:600px; width:300px; margin: 0 auto; text-align: center"><script>googletag.cmd.push(function () { googletag.display('div-gpt-ad-1481541705081-2'); });</script></div><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-2017. Усі права захищені.</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><!-- jQuery (necessary for Bootstrap's JsavaScript plugins) --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script><!-- Include all compiled plugins (below), or include individual files as needed --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.0/jquery.cookie.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script><!-- Main JS --><script src="/templates/GDZ4YOU/js/main.min.js?v=1485891551256"></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://d31j93rd8oukbv.cloudfront.net/metrika/watch_ua.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 --><!-- Google.Analytics counter --><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-92693882-1', 'auto'); ga('send', 'pageview');</script><!-- /Google.Analytics 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>