Создание сайтов.1.HTML.Знакомство с средой программирования

Презентации учебные
pptx
16.01.2021

Публикация в СМИ для учителей

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

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

В данной презентации можно узнать,что такое html, какие программы понадобятся для начала написания кода,структура html, как назвать страницу, что такое тег.

1.Знакомство со средой Программирования.pptx

Знакомство со средой Программирования

Google Chrome
Sublime Text

Все коды пишутся в открывающихся и закрывающихся галочках

<…..>

Любой код имеет начало
И конец
При закрытии кода не забываем ставить /

Основной заголовок документа

Информационное наполнение документа

Надпись в <….> называется ТЭГ
Структура сайта
1)
Чтобы браузер понял, какой код считывать

То , что мы не видим при выводе на экран
Здесь содержится информация для браузеров и поисковых систем
Ссылки на файлы других программ, библиотека стилей, характеристики
Информация, которая отображается на странице, все что мы видим на сайте
К такой информации относится текст, изображения, теги, скрипты и т.д.

В тэге пишется название страницы</p></strong><strong><p>По этому названию наша станица будет искаться в поисковике</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/04/7d/d8c3edeaacd3fd3e5685fb6db86490244e.jpg" title="Ссылка на снимок материала: Написав любой текст в тэге мы получим этот текст на страничке" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/04/7d/d8c3edeaacd3fd3e5685fb6db86490244e.jpg" alt="Написав любой текст в тэге мы получим этот текст на страничке" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <strong><p>Написав любой текст в тэге <body> мы получим этот текст на страничке</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/06/b8/c63488b516e0903d154bb4a120c632e52f.jpg" title="Ссылка на снимок материала: Тэг помещает текст на новую строчку" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/06/b8/c63488b516e0903d154bb4a120c632e52f.jpg" alt="Тэг помещает текст на новую строчку" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <strong><p>Тэг <p> помещает текст на новую строчку</p></strong><strong><p>Напишите 4 строчки с разными предложениями используя тэг <p> </p></strong><strong><p>Задание</p></strong> </div> </div> </div> <div class="material-detail-after-content-ads__container"> <div id="yandex_rtb_R-A-1580174-12"></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/sozdanie-sajtov1htmlznakomstvo-s-sredoj-programmirovaniya-2659344/download" method="post" target="_blank"> <input name="email" placeholder="Введите ваш E-mail"/> <div class="media-material-detail-download-button__container"> <button class="button button--primary media-material-download__js" type="submit">Скачать</button> </div> </form> <button class="button button--default move-up__js">Вверх</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" title="Сведения об организации">Сведения об организации</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/docs/o.pdf" title="Договор-оферта">Договор-оферта</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/p" title="Проверка документов">Проверка документов</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" title="Обратная связь">Обратная связь</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" title="Рекламодателям">Рекламодателям</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/docs/tmp/report_violation.html" title="Сообщить о нарушении">Сообщить о нарушении</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" title="Центр поддержки">Центр поддержки</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.com/znanioru" target="_blank" title="Вконтакте">Вконтакте</a> </li> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://ok.ru/znanioru" target="_blank" title="Одноклассники">Одноклассники</a> </li> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://www.facebook.com/znanioru" target="_blank" title="Фейсбук">Фейсбук</a> </li> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://instagram.com/znanioru" target="_blank" title="Инстаграм">Инстаграм</a> </li> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://www.youtube.com/channel/UCcKrjMPh-3ZwjCi_UQTNHXg" target="_blank" title="Ютьюб">Ютьюб</a> </li> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://zen.yandex.ru/znanio" target="_blank" title="Яндекс.Дзен">Яндекс.Дзен</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" target="_blank" title="Образовательная лицензия">Образовательная лицензия №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-smi.png" alt="Изображение свидетельство СМИ"/> <a class="copyright-license__link" href="https://znanio.ru/docs/smi.png" target="_blank" title="Запись в реестре зарегистрированных СМИ">Запись в реестре зарегистрированных СМИ ЭЛ №ФС77-77478 от 25.12.2019</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" target="_blank" title="Свидетельство правообладателя товарного знака">Свидетельство правообладателя товарного знака 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/prezentatsiya-k-uroku-informatiki-ustrojstva-vvoda-i-vyvoda-informatsii-2952565" title="Презентация к уроку информатики "Устройства ввода и вывода информации""> Презентация к уроку информатики "Устройства ввода и вывода информации" </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/prezentatsiya-2952485" title="Презентация"> Презентация </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/prezentatsiya-o-modelyah-predstavleniya-tsveta-v-srede-informatsionno-tehnologicheskih-ustrojstv-2952245" title="Презентация о моделях представления цвета в среде информационно-технологических устройств"> Презентация о моделях представления цвета в среде информационно-технологических устройств </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/tselepolaganie-rasstanovka-prioritetov-i-upravlenie-vremenem-2951386" title="Целеполагание, расстановка приоритетов и управление временем"> Целеполагание, расстановка приоритетов и управление временем </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/printsipy-postroeniya-kompyutera-pokoleniya-evm-2950808" title="Принципы построения компьютера. Поколения ЭВМ."> Принципы построения компьютера. Поколения ЭВМ. </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/informatika-elektronnaya-tablitsa-2950621" title="Информатика. Электронная таблица"> Информатика. Электронная таблица </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/prezentatsiya-1-2-n-v-prichastiyah-i-prilagatelnyh-2950456" title="Презентация "1-2 Н в причастиях и прилагательных""> Презентация "1-2 Н в причастиях и прилагательных" </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/prezentatsiya-k-vystupleniyu-po-teme-shkola-zdorovya-2950211" title="Презентация к выступлению по теме "Школа Здоровья""> Презентация к выступлению по теме "Школа Здоровья" </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/prezentatsiya-k-proektu-vliyanie-sotsialnyh-setej-na-sovremennyh-podrostkov-2949792" title="Презентация к проекту «Влияние социальных сетей на современных подростков»"> Презентация к проекту «Влияние социальных сетей на современных подростков» </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/prezentatsiya-k-uroku-algebry-v-9-klasse-razlozhenie-kvadratnogo-trehchlena-na-mnozhiteli-2949712" title="Презентация к уроку алгебры в 9 классе "Разложение квадратного трехчлена на множители""> Презентация к уроку алгебры в 9 классе "Разложение квадратного трехчлена на множители" </a> </li> </ul> </div> <div class="right-bar-ads__container"> <div id="yandex_rtb_R-A-1580174-3"></div> </div> </div> </div> <script type="text/javascript" src="https://znanio.ru/build/assets/js/app.min.js?v=0.3.0" async></script> <script type="text/javascript" async>(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>