Добавить материал

и получить 10 документов
и свидетельство автора

Изображение пользователя Рыбинок Екатерина Валерьевна Рыбинок Екатерина Валерьевна

2 Development Techniques. HTML _presentation2_ 1 variant

  • ppt
  • 09.05.2020
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Добавить материал
Иконка файла материала 2 Development Techniques. HTML _presentation2_ 1 variant.ppt
HTML

HTML
Learning objective 10.4.2.1 use

Learning objective
10.4.2.1
use HTML tags when developing webpages

Task for group work (work in pairs):

Task for group work (work in pairs):

Handout # 1
Using search services, study the materials of the global network:



<br><h#><br><p><br><br><br></p></strong><strong><p><hr><br><u><br><b><br><i><br><bgcolor><br><font></p></strong><strong><p>Consider the main tags on the Internet, write down the syntax and description:</p></strong> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/af/d0/b09f2d42a633909f6625e45a4d913774cb.jpg" title="Ссылка на снимок материала: Structure of the HTML document" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/af/d0/b09f2d42a633909f6625e45a4d913774cb.jpg" alt="Structure of the HTML document" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <strong><p style="text-align: center">Structure of the HTML document</p></strong><strong><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd"><br><br><html><br><br> <head><br><br></strong><strong> </strong> Here is the service information. The user does not see it.<strong><br></strong><strong><br> </head> <br> <body> <br><br></strong><strong> </strong>Here is the content of the document. <br> This is what the user sees.<strong><br></strong><strong> </body> <br></html> </strong></p><p style="text-align: center">Start of document</p><p style="text-align: center">End of document</p><p style="text-align: center">Start heading</p><p style="text-align: center">End of heading</p><p style="text-align: center">Beginning of the body of the document</p><p style="text-align: center">End of document body</p><p style="text-align: center">Definition of document type</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/89/b5/2ea2fa5ff4acf0d2877918cfd6fe188b59.jpg" title="Ссылка на снимок материала: Body of the document ... Service information" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/89/b5/2ea2fa5ff4acf0d2877918cfd6fe188b59.jpg" alt="Body of the document ... Service information" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <strong><p style="text-align: center">Body of the document</p></strong><strong><p><html><br><br> <head><br> ... Service information... <br> </head> <br> <body> <br> <h1>My first HTML document</h1> <hr> <!-- horizontal line--><br> <p>Some text. The main content of the current page. First paragraph <br> <p>The second paragraph. To format text use different elements of the HTML language.</p>   <!–- paragraph --><br> </body> <br></html> </p></strong><strong><p style="text-align: center">A comment</p></strong> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/ab/eb/3d1a597267cd8d643ae5e6ae33df5c1afc.jpg" title="Ссылка на снимок материала: Task for individual work: Creating a web-page using tags that were learned" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/ab/eb/3d1a597267cd8d643ae5e6ae33df5c1afc.jpg" alt="Task for individual work: Creating a web-page using tags that were learned" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <strong><p style="text-align: center">Task for individual work:<br></strong><br><strong>Creating a web-page using tags that were learned. </strong></p><table><tr><td colspan="3"><p>Know the basics of web programming and be able to compare the methods of creating websites</p></td></tr><tr><td colspan="2"><strong><p>Skills </p></strong></td><td><strong><p>Criteria for success</p></strong></td></tr><tr><td colspan="3"><strong><i><p>The student has achieved the learning goal if</p></i></strong></td></tr><tr><td rowspan="3"><p>Apply of knowledge</p></td><td colspan="2"><p>Illustrates the skill of using the tags <head>, <body>, <title>, when creating your own web page</p></td></tr><tr><td colspan="2"><p>Illustrates the skill of inserting an image on your own web page</p></td></tr><tr><td colspan="2"><p>Demonstrates at least ten html tags</p></td></tr></table> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/37/0c/220597b334d9d321ceb05657bf747d8c77.jpg" title="Ссылка на снимок материала: " target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/37/0c/220597b334d9d321ceb05657bf747d8c77.jpg" alt="" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> </div> </div> </div> <div class="media-material-detail__copyright"> <p> Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете <a href="https://znanio.ru/docs/tmp/report_violation.html" title="Сообщить о нарушении" target="_blank">сообщить о нарушении</a>. </p> </div> </div> <div class="media-material-detail-download__container"> <form class="media-material-detail-download__form" action="https://znanio.ru/media/2-development-techniques-html-presentation2-1-variant-2586564/download" method="post" target="_blank"> <div class="media-material-detail-download__operation"> <div class="media-material-detail-info__container"> <p>Скачивание материала доступно только для авторизованных пользователей.</p> </div> </div> </form> <button class="button button--default media-material-detail-download__button move-up__js"> <img src="https://znanio.ru/build/assets/img/icon/arrow-up.svg" alt="Иконка стрелки вверх"> </button> </div> <footer class="copyright__container"> <div class="copyright-base__container"> © ООО «Знанио»<br><br>С вами с 2009 года. <img class="copyright-restriction__image" src="https://znanio.ru/build/assets/img/footer/restriction.png" alt="Изображение возрастные ограничения 12+"/> </div> <div class="copyright-about__container"> <p><strong>О портале</strong></p> <ul class="copyright-about__list"> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" rel="nofollow" title="Сведения об организации" target="_blank">Сведения об организации</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/docs/o.pdf" rel="nofollow" title="Пользовательское соглашение" target="_blank">Пользовательское<br>соглашение</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/docs/pk.pdf" rel="nofollow" title="Политика конфиденциальности" target="_blank">Политика конфиденциальности</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/docs/pk.pdf" rel="nofollow" title="Политика персональных данных" target="_blank">Политика персональных данных</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/p" title="Проверка документов" target="_blank">Проверка документов</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" title="Обратная связь" target="_blank">Обратная связь</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" title="Рекламодателям" target="_blank">Рекламодателям</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/docs/tmp/report_violation.html" title="Сообщить о нарушении" target="_blank">Сообщить о нарушении</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" title="Центр поддержки" target="_blank">Центр поддержки</a> </li> </ul> </div> <div class="copyright-social__container"> <p><strong>Мы в соцсетях</strong></p> <ul class="copyright-social__list"> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://vk.ru/znanioru" title="Вконтакте" target="_blank">Вконтакте</a> </li> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://ok.ru/znanioru" title="Одноклассники" target="_blank">Одноклассники</a> </li> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://www.youtube.com/channel/UCcKrjMPh-3ZwjCi_UQTNHXg" title="Youtube" target="_blank">Youtube</a> </li> </ul> </div> <div class="copyright-license__container"> <ul class="copyright-license__list"> <li class="copyright-license__item"> <img class="copyright-license__image" src="https://znanio.ru/build/assets/img/footer/gerb-license.png" alt="Изображение образовательная лицензия"/> <a class="copyright-license__link" href="https://znanio.ru/docs/li.pdf" title="Образовательная лицензия" target="_blank">Образовательная лицензия №5257 от 09.09.2020 (Л035-01253-67/00192487)</a> </li> <li class="copyright-license__item"> <img class="copyright-license__image" src="https://znanio.ru/build/assets/img/footer/gerb-trademark.png" alt="Изображение свидетельство правообладателя товарного знака"/> <a class="copyright-license__link" href="https://znanio.ru/docs/tm.jpg" title="Свидетельство правообладателя товарного знака" target="_blank">Свидетельство правообладателя товарного знака 11.01.2017</a> </li> </ul> </div> </footer> </div> <div class="right-bar__container"> <div class="media-material-recommendation__container"> <p class="media-material-recommendation__title">Посмотрите также</p> <ul class="media-material-recommendation__list"> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/konspekt-uroka-i-rabochij-list-po-ekologii-na-temu-kak-prohodit-moj-den-5-klass-2987006" title="Конспект урока и рабочий лист по экологии на тему "Как проходит мой день" (5 класс)"> Конспект урока и рабочий лист по экологии на тему "Как проходит мой день" (5 класс) </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/kos-op02-stroitelnye-mashiny-2987002" title="КОС ОП.02 Строительные машины"> КОС ОП.02 Строительные машины </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/kos-op01-osnovy-stroitelnogo-materialovedeniya-2987001" title="кос ОП.01 Основы строительного материаловедения"> кос ОП.01 Основы строительного материаловедения </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/lr-op04-osnovy-tehnologii-otdelochnyh-rabot-2987000" title="ЛР ОП.04 Основы технологии отделочных работ"> ЛР ОП.04 Основы технологии отделочных работ </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/prezentatsiya-prazdnik-severa-2986999" title="Презентация "Праздник Севера""> Презентация "Праздник Севера" </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/kos-op04-osnovy-tehnologii-otdelochnyh-stroitelnyh-rabot-2986997" title="КОС ОП.04 Основы технологии отделочных строительных работ"> КОС ОП.04 Основы технологии отделочных строительных работ </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/letopisi-byliny-skazaniya-zhitiya-2986995" title="ЛЕТОПИСИ, БЫЛИНЫ, СКАЗАНИЯ, ЖИТИЯ"> ЛЕТОПИСИ, БЫЛИНЫ, СКАЗАНИЯ, ЖИТИЯ </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/osobennye-deti-2986990" title=""Особенные дети""> "Особенные дети" </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/veroyatnost-i-statistika-11-klass-2986988" title="Вероятность и статистика 11 класс"> Вероятность и статистика 11 класс </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/kartoteka-russkih-narodnyh-podvizhnyh-igr-dlya-detej-5-7-let-2986981" title="Картотека русских народных подвижных игр для детей 5-7 лет"> Картотека русских народных подвижных игр для детей 5-7 лет </a> </li> </ul> </div> </div> </div> <div id="cookie-policy-notification" class="cookie-policy-notification__container"> <button class="cookie-policy-notification__close" onclick="closeCookiePolicyNotification()"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.854 12.725L0 22.58 1.42 24l9.855-9.854a1.003 1.003 0 011.42 0L22.58 24 24 22.58l-9.884-9.855a1.003 1.003 0 010-1.42L24 1.42 22.58 0l-9.885 9.884a1.003 1.003 0 01-1.42 0L1.42 0 0 1.42l9.854 9.885a1.003 1.003 0 010 1.42z" fill="currentColor"></path> </svg> </button> <div class="cookie-policy-notification__title">Мы используем Cookies</div> <div class="cookie-policy-notification__description"> <p>Продолжая использовать наш сайт, вы соглашаетесь с <a class="cookie-policy-notification__link" href="https://znanio.ru/docs/cookie-policy.pdf" title="Политика использования Cookies" target="_blank">политикой использования Cookies</a>. Это файлы в браузере, которые помогают нам сделать ваш опыт взаимодействия с сайтом удобнее.</p> <div class="cookie-policy-notification-option__list"> <span class="cookie-policy-notification-option__item"> <input id="cookie-required-option" type="checkbox" name="required_cookie" disabled="disabled" checked="checked"> <label class="cookie-policy-notification-option__label" for="cookie-required-option"> <b>Функциональные</b></label> </span> <span class="cookie-policy-notification-option__item"> <input id="cookie-analytics-option" type="checkbox" name="analytics_cookie" checked="checked" onclick="cookiePolicySet(COOKIE_POLICY_ANALYTICS, this)"> <label class="cookie-policy-notification-option__label" for="cookie-analytics-option"> Аналитические</label> </span> <span class="cookie-policy-notification-option__item"> <input id="cookie-marketing-option" type="checkbox" name="marketing_cookie" checked="checked" onclick="cookiePolicySet(COOKIE_POLICY_MARKETING, this)"> <label class="cookie-policy-notification-option__label" for="cookie-marketing-option"> Маркетинговые</label> </span> </div> </div> <div class="cookie-policy-notification__action"> <button class="button button--primary" onclick="applyCookiePolicy()">Принять настройки</button> </div> </div> <script type="text/javascript" src="https://znanio.ru/build/assets/js/app.min.js?v=0.6.3" async></script> <script type="text/javascript" src="https://znanio.ru/build/assets/js/external-package.min.js?v=0.6.3" async></script> <!-- Varioqub --> <script type="text/javascript"> (function(e, x, pe, r, i, me, nt){ e[i]=e[i]||function(){(e[i].a=e[i].a||[]).push(arguments)}, me=x.createElement(pe),me.async=1,me.src=r,nt=x.getElementsByTagName(pe)[0],me.addEventListener('error',function(){function cb(t){t=t[t.length-1],'function'==typeof t&&t({flags:{}})};Array.isArray(e[i].a)&&e[i].a.forEach(cb);e[i]=function(){cb(arguments)}}),nt.parentNode.insertBefore(me,nt)}) (window, document, 'script', 'https://abt.s3.yandex.net/expjs/latest/exp.js', 'ymab'); </script> <!-- Yandex.Metrika --> <script type="text/javascript">(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(39196045, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true });</script> <noscript><div><img src="https://mc.yandex.ru/watch/39196045" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <script type="text/javascript" src="https://yandex.ru/ads/system/context.js" async></script> </body> </html>